@charset "UTF-8";
body{overflow-x:hidden;}
.login_box{ display:none;}
.login_icon:hover .login_box{ display:block;}
.case{ position:absolute; bottom:0;}
nav.navbar.bootsnav.navbar-fixed.navBombar .lan{    border: 1px solid #999;}


.navTab_nav li:hover a{
	color: #009d44;
}
.viweMore:hover .ico img{
	animation: moveNextx .4s infinite alternate-reverse;
}
.navTab{
	position: absolute;
	top: 100px;
	left: 0;
	width: 100%;
	z-index: 8;
}
.navTab_li{
	background-color:#fafafa;
	display: none;
}
.navTab_li .coner{
	padding: 60px 6%;
}
.navTab_Cl{
	position: relative;
}
.navTab_text,
.navTab_img{
	width: 35%;
	padding: 0 105px;
	/*position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);*/
	display: inline-block;
	vertical-align: middle;
}
.navTab_nav{
	width: 25%;
	margin: auto;
	border-left: solid 1px #dddddd;
	border-right: solid 1px #dddddd;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}
.navTab_text{
	left: 0;
}
.navTab_text .tit{
	font-size: 30px;
	color: #333;
	font-weight: bold;
	margin-bottom: 25px;
}
.navTab_text .txt{
	font-size: 14px;
	color: #666;
	line-height: 26px;
	display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;overflow: hidden;
}
.navTab_nav li{
	padding: 0 15px;
}
.navTab_nav li a{
	font-size: 16px;
	color: #666;
	line-height: 50px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.navTab_img{
	right: 0;
}
.navTab_img dl{
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}
.navTab_img dt img{
	width: 100%;
}
.navTab_img dd{
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0 15px;
	height: 42px;
	line-height: 42px;
	background-color: rgba(0,0,0,.3);
	text-align: center;
	color: #fff;
	font-size: 16px;
}
.viweMore{
	display: block;
}
.viweMore .word{
	font-size: 16px;
	color: #003894;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.viweMore .ico{
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	line-height: 20px;
	border-radius: 100%;
	background-color: #003894;
	font-size: 0;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,.3);
    transform: translateX(0);
    margin-top: -2px;
}
.viweMore .ico img{
	display: inline-block;
	vertical-align: middle;
}
.navTab_text .xian{
	width:60px;
	height:4px;
	background-color:#008436;
	margin:5px 0 35px;
	}	

/*ph导航*/
/*手机下拉*/
/*.ul1{
	height: calc(100% - 64px);
}*/
/*.container_s{
	padding-top: 5px;
	padding-bottom: 5px;
}*/

.navbar_la{
	background-color:#fff!important;
	}
.navbar_la .navbar-brand>.img1 {
    display: none;
}
.navbar_la .navbar-brand>.img2{
	display:block;
	}

.navbar_la a {
    color: #666!important;
}
.navbar_la ul.nav > li.current > a, .navbar_la ul.nav > li > a:hover {
    color: #000!important;
}
.navbar_la .item>a{
    background-image: url(../images/nav2.png)
}
.navbar_la ul.nav > li > a:after {
    background: #000!important;
}
.navbar_la .item #list {
    border-top: 1px solid #000;
}
.leo_ph_nav .wj_hin_r_en a{
	color:#000;
	}
.leo_ph_nav{
	background: #fff;
}
.leo_ph_nav .wj_hin_r_en{
	color: #000!important;
}
.leo_ph_nav .menuph .navbtn{
	background: #000!important;
}
.leo_ph_nav .menuph .navbtn::after, .leo_ph_nav .menuph .navbtn::before{
	background: #000!important;
}
.leo_ph_navbox{
	height: 55px;
    border-bottom: 1px solid #C7C9C8;
/*    width: 100%;*/
    margin: auto;
    text-align: right;
    background: #fff;
    margin:0 -30px;
}
.leo_ph_nav .leo_ph_blogo {
    opacity: 0;
}
.leo_ph_nav .leo_ph_llogo {
    opacity: 1;
}
.leo_phnav_gb{
    width: 60px;
    height: 64px;
   	background:#009d44;
  /*  position: absolute;
    top: 22px;
    right: 30px;*/
    display: inline-block;
    padding-top: 24px;
    position: relative;
   }
.l_sjdss{
	width: 16px;
	height: 16px;
}
.phxia{
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99;
    background-color: #fff;
    right: -100%;
    transition: all 0.36s;
    height: 100vh;
    overflow: auto;
    background: #305892;
}
.xialaph{
    display: none;
    width: 100%;
    padding-bottom: 18px;
    background-color: #fff;
    font-family: '微软雅黑';
    height: 100%;
    transition: all 0.36s;
    padding: 0 30px;
    background: #4d4d4d;
}
.xialaph h4{
    position: relative;
    padding: 5px 0;
    background: #4d4d4d;
    border-bottom: 1px solid rgba(256,256,256,0.2);
    z-index: 10;
}
/*.xialaph h4::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: calc(100% + 20px);
    height: 1px;
    opacity: 1;
    transform: translateX(-50%);
    background-color: #305988;
}*/
.xialaph h4 a{
    font-size: 18px;
 	font-weight:normal;
    line-height: 55px;
    text-transform: uppercase;
    color: #ffffff;
    display: block;
    width: 90%;
}
.xialaph .container_a a{
	color:#009d44;
	}
.xialaph h4 img{
    position: absolute;
    top: 50%;
    right: 5px;

    width: 15px;
    cursor: pointer;

    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.xialaph .ul2{
    display: none;
    padding-top: 0;
    padding-bottom: 0;
    background: #4f4f4f;
    margin: 0 -30px;
    transform: translateY(-1px);
}
.xialaph .ul2 .container_s{
    max-width: 100%;
    padding: 0 25px;
}
.xialaph h5{
    position: relative;
    line-height: 40px;
}
.container_s li{
	padding-left: 10px;
	padding-right: 10px;
	padding: 5px 10px;
}
/*.xialaph h5::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    opacity: 1;
    background-color: #305988;
}*/
.container_s li{
	border-top: 1px solid #666;
}
.container_s li:nth-child(1){
	border-top: none;
}
.img_d {
    display: none;
}
.xialaph h5 a{
	display:block;
    font-family: '微软雅黑';
    font-size: 14px;
	font-weight:normal;
    line-height: 35px;
    text-transform: uppercase;
    color: #ffffff;
}
.xialaph h5 img{
    position: absolute;
    top: 50%;
    right: 5px;
    width: 13px;
    cursor: pointer;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{
    display: none;
}
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{
    display: block;
}
.xialaph .ul3{
    display: none;
}
.xialaph h6 a{
    font-family: '微软雅黑';
    font-size: 12px;
    line-height: 40px;
    text-transform: uppercase;
    color: #999;
}

.header2{
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 10;
    width: 100%;
    height: 55px;
    padding-left: 15px;
    padding-right: 15px;
    background:rgba(0,0,0,0);
    display: none;
    transform: translateX(-50%);
    z-index: 99;
}
.leo_ph_nav{
	box-shadow: rgba(51, 51, 51, 0.33) 0px 0px 12px;
}
.header2 .logo{
    width: 135px;
    position: relative;
    margin-top: 14.5px;
}
.header2 .logo img{
    width: 100%;
}
.leo_ph_blogo{
	position: relative;
	top: 0;
	left: 0;
}
.leo_ph_llogo{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.header2 .phsearch{
    position: absolute;
    top: 50%;
    right: 70px;

    width: 25px;
    cursor: pointer;

    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.leo_tz_pf .l_d0_onlm_act1 a{
	color: #009441!important;
}
.leo_tz_pf .l_d0_onlm_act1::before{
    background: #009441!important;
}
.leo_ph_nav{
	background: #fff;
}
.leo_ph_nav .wj_hin_r_en{
	color: #000;
}
.leo_ph_nav .menuph .navbtn{
	background: #000;
}
.leo_ph_nav .menuph .navbtn::after, .leo_ph_nav .menuph .navbtn::before{
	background: #000;
}
.leo_ph_navbox{
	height: 55px;
    border-bottom: 1px solid #C7C9C8;
/*    width: 100%;*/
    margin: auto;
    text-align: right;
    background: #fff;
    margin:0 -30px;
}
.leo_phnav_gb{
    width: 60px;
    height: 55px;
   	background:#009d44;
  /*  position: absolute;
    top: 22px;
    right: 30px;*/
    display: inline-block;
    padding-top: 24px;
    position: relative;
    margin-right: 0;
}
.leo_xlen{
	margin-top: 20.5px;
	margin-right: 16px;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #305892;
}
.leo_xllo{
	width: 170px;
	margin-top: 11px;
	margin-left: 15px;
}
.leo_xllo img{
	width: 100%;
	height: 100%;
}
.leo_phnav_gb img{
	width: 15px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.leo_ph_navbox .main2:hover #mCSB_1_scrollbar_vertical{
	opacity: 0;
}
.leo_ph_navbox .mCSB_dragger_bar{
	background: rgba(0,0,0,0,)!important;
}
.phxia #mCSB_1_dragger_vertical{
	opacity: 0!important;
}
.phxia .mCSB_draggerContainer{
	opacity: 0;
}
.phxia .mCSB_container{
	margin-right: 0!important;
}
.leo_ph_nav .leo_ph_blogo{
	opacity: 0;
}
.leo_ph_nav .leo_ph_llogo{
	opacity: 1;
}
.leo_xlen a {
    font-size: 14px;
    color: #305892;
}
.header2 .wj_hin_right{
    margin-right: 5px;
    padding-top: 18.5px;
}
.wj_hin_r_en a{
	color: #fff;
	font-size:14px;
	font-family: "微软雅黑";
}
.header2 .phsearch img{
    width: 100%;
}
.ph_mea_cl{
    overflow: hidden;
    width: 50px;
    height: 100%;
}
.header2 .menuph{
    width: 50px;
    height: 55px;
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.header2 .menuph .point{
    position: relative;
    display: inline-block;
    width: 28px;
    height: 22px;
    margin-top: 16.5px;
}
.header2 .menuph .point: .navbtn,
.header2 .menuph .point: .navbtn::after,
.header2 .menuph .point: .navbtn::before{
    width: 28px;
}
.header2 .menuph .navbtn{
    position: absolute;
    top: 10px;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 1px;
    -webkit-transition: all .3s ease-out 0s;
       -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
         -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s;
    background: #fff;
}
.header2 .menuph .navbtn::after,
.header2 .menuph .navbtn::before{
    position: absolute;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 1px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
       -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
         -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s;
    background: #fff;
}
.header2 .menuph .navbtn::after{
    top: -10px;
}
.header2 .menuph .navbtn::before{
    top: 10px;
}
.header2 .menuph .point.active .navbtn{
    background: transparent;
}
.header2 .menuph .point.active .navbtn::after{
    top: 0;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}
.header2 .menuph .point.active .navbtn::before{
    top: 0;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.ph_search{
    width: 100%;
    overflow: hidden;
    padding: 0 15px;
    padding-left: 15px;
}
.ph_search_ph{
    width:100%;
    height: 35px;
    border:1px solid #fff;
    margin-top: 18px;
    float: left;
    border-radius: 17.5px;
    position: relative;
}
.ph_search_ph input{
    width: 100%;
    height: 100%;
    text-indent: 20px;
    color:#fff;
    width: calc(100% - 40px);
    padding-left: 15px;
}

.ph_search_ph input::-webkit-input-placeholder{
    color: #999999;
}
.ph_search_ph button{
    width: 40px;
    height: 100%;
    color: #ffffff;
    line-height: 35px;
    text-align: center;
    font-size: 20px;
    font-family: "微软雅黑";
    float:right;
    /*margin-top: 20px;*/
    position: absolute;
    top: 0;
    right: 0;
}
.ph_search button .icon-sousuo{
    font-size: 27px;
    color: #999999;
}
/*头部导航*/
.wj_header_i_nav{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    
    /*box-shadow: 0px -6px 30px #888888;*/
    z-index: 10;
}


.BMapLib_bubble_top {
    border-bottom: none !important;
    background: url(../images/img20.jpg) no-repeat;
    height: 100px !important;
    background-size: cover;
}
.BMapLib_SearchInfoWindow .BMapLib_bubble_title{
	display:none;
	}
.BMapLib_SearchInfoWindow .BMapLib_bubble_content {
    padding: 0 !important;
}
.BMapLib_bubble_content {
    height: auto !important;
}
.map-content .addr {
    padding: 0 10px;
    background: #383840;
    color: #ffffff;
    line-height: 35px;
    height: 35px;
}
.BMapLib_nav_tab li{
	width:50%!important;
	}
.BMapLib_SearchInfoWindow .iw_bt, .BMapLib_SearchInfoWindow .iw_bt_down, .BMapLib_SearchInfoWindow .iw_bt_over{
	width:47px!important;
	}
.hmPage6 #container{
	height:250px;
	margin-top:40px;
}
#hmPage4_hide{ display:none;}
.swiper-slide1 strong {
	margin-top:60px;
    font-size: 30px;
    color: #fff;
    font-weight: normal;
    display: block;
}
.swiper-slide1 p{
	margin-top:10px;
    font-size: 18px;
    color: #fff;
}

.swiper-slide1 .list{
	opacity:0;
	width:60%;
	margin:80px auto 0;
	}
.swiper-slide1 .list li{
	border-bottom:1px solid #fff;
	height:50px;
	line-height:50px;
	}
.swiper-slide1 .list li a{
	font-size:18px;
	display:block;
	color:#fff;
	text-align:left;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 30px;
	}
.swiper-slide1:hover .list{
	opacity:1;
	transition: all 0.4s ease-in-out;
	}
.swiper-slide1 .list li:hover a{
	background-image: url(../images/pro.png);
	transition: all 0.4s ease-in-out;
	}
.swiper-slide1:hover .box{
		 margin-top:17vh;
		transition: all 0.4s ease-in-out;
		}
		
.hmPage5.active .hmp5_u1 li {
    opacity: 1;
    transform: translate(0px,0px);
    transition-delay: 0.9s;
}
.swiper-slide .hmBan1_sgo{ margin-left:-200px;}
.hmPage5 li:nth-child(1){ opacity:0;transform: translate(0,-200px); transition: all 0.4s ease-in-out;}
.hmPage5 li:nth-child(2){ opacity:0;transform: translate(0,400px); transition: all 0.4s ease-in-out;}
.hmp5_u1 li:last-child{ opacity:0;transform: translate(0,-200px); transition: all 0.4s ease-in-out;}
.container2{ width:90%; max-width:1600px; margin:0 auto;}
.swiper-slide1 .hmp4Icon .img{ width:23%; margin:0 auto;}
.swiper-slide1 .hmp4desc{ font-size:14px; color:#fff; line-height:30px; padding:0 16%; margin:40px auto;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.swiper-slide1:hover .hmp4desc{-webkit-line-clamp: 3;}
.swiper-slide1 .hmp4more{ font-size:16px; color:#fff; width:125px; height:40px; line-height:40px; display:block; margin:0 auto; border-top:1px solid rgba(0,0,0,0); border-bottom:1px solid rgba(0,0,0,0);}
.swiper-slide1:hover .hmp4more{    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin:15% auto 0; color:#ff8c01; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}
.swiper-slide2 .date{ text-align:left; margin-bottom:20px;}
.swiper-slide2 .date p{color:#333;font-size:30px; display:inline-block; margin-right:10px;}
.swiper-slide2 .date span{color:#999;font-size:16px; display:inline-block;}
.swiper-slide2 .txt{width:100%;}
.swiper-slide2 .txt h1{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size:18px; color:#333; text-align:left; margin-top:30px;}
.swiper-slide2 .txt span{ font-size:16px; font-weight:bold; color:#007c36;    background: -webkit-linear-gradient(top, #009441, #8ec735);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; display:block; text-align:left; margin-top:30px;}
.swiper-slide2 .txt p{ padding-top:10px; font-size:14px; line-height:24px; color:#666; text-align:left; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.swiper-slide2:hover{ margin-top:-10px;transition: all 0.4s ease-in-out;}
.swiper-slide2:hover .txt h1{ color:#007c36;transition: all 0.4s ease-in-out;}
.hmPage5_wap{ display:none;}
.hmPage8_wap{ display:none;}
.hmPage8_wap ul{ margin-top:20px;}
.hmPage8_wap li { padding:0 20px;}
.hmPage8_wap li a{ display:block;}
.hmPage8_wap li .txt{ background-color: rgba(256,256,256,0.9); padding:20px;}
.hmPage8_wap li .txt h1{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size:16px; color:#6b6b6b; text-align:left;}
.hmPage8_wap li .txt span{ font-size:14px; color:#aeaeae; display:block; text-align:left; margin:5px 0 10px;}
.hmPage8_wap li .txt p{font-size:14px; line-height:24px; color:#787878; text-align:left; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}

.hmPage5 .hmp5_u1 li .hmp5icon{ text-align:center; margin-bottom:20px;}
.hmPage5 .hmp5_u1 li .hmp5icon img{max-width: 100%;}
.hmPage5 .hmp5_u1 li strong{ font-size:20px; color:#797979; text-align:center;}
.hmPage5 .hmp5_u1 li p{ font-size:12px; color:#797979;height:22px; text-align:center; text-transform: uppercase;}
.hmPage5 .hmp5_u1 li .hmp5desc{ font-size:14px; color:#797979; line-height:24px; text-align:center; margin:30px 0 40px; display: -webkit-box;-webkit-line-clamp:10; -webkit-box-orient: vertical;overflow: hidden;}
.hmPage5 .hmp5_u1 li .hmp5more{ font-size:16px; color:#6d6d6d; width:125px; height:40px; text-align:center; line-height:40px; display:block; margin:0 auto; border-top:1px solid rgba(0,0,0,0); border-bottom:1px solid rgba(0,0,0,0);}
.hmPage5 .hmp5_u1 li:hover .hmp5more{ color:#000; border-top:1px solid #000; border-bottom:1px solid #000;transition:all 0.4s ease;}
.hmPage5 .hmp5_u1 li:hover strong{font-weight:bold;transition:all 0.4s linear;}
.hmPage5 .hmp5_u1 li:hover p{ transition:all 0.4s linear;}

#sliderMenu{ position: fixed; z-index: 8; height: 208px; width: 50px; top: 50%; right: 0; margin-top: -104px; }
.hmMenuNum { font: bold 14px Arial; color: #FFF; opacity:0; transition:all 0.4s ease-in-out; }
.active .hmMenuNum{opacity:0;}
.hmMenuLine {background: #FFF; position: absolute; top: 50%; right: 38px; transition:all 0.4s ease-in-out; }
.active .hmMenuLine{ width:26px; height:3px; right:0; margin-top:-1px;}
.sliderMenuStyle .hmMenuNum{color:#888888;}
.sliderMenuStyle .hmMenuLine{background:#888888;}
#sliderMenu li { line-height: 30px; height: 30px; margin: 6px 0px 7px; position: relative; }
#sliderMenu li a{ display:block; width:100%; height:100%;}
.sliderMenuStyle .active::before{
    background:none!important;
	border:1px solid #bad400!important;
	} 
.sliderMenuStyle li::before{
    background: #bad400!important;
	} 
.sliderMenuStyle li::after {
    background: #bad400!important;
	}
#sliderMenu .active::before{
	height: 13px;
    background:none;
	border:1px solid #bad400;
    width: 13px;
	left:-6px;
    border-radius: 7px;
    margin: -2px 0 0 5px;
	}
#sliderMenu li::before {
    position: absolute;
    content: "";
    height: 5px;
    background: #bad400;
    width: 5px;
    left: 0px;
    margin: 3px 0 0 3px;
    border-radius: 5px;
}
#sliderMenu li::after {
    position: absolute;
    content: "";
    height: 24px;
    background:#bad400;
    width: 1px;
    left: 0px;
    margin: -18px 0 0 5px;
}

.hmPage1{
	position:relative;
	}
.hmPage1 .txt{
	position:relative;
	background:url(../images/bg1.jpg) no-repeat center/cover; 
	height:100vh; 
	width:100%;
	display: flex;
    justify-content: center;
    align-items: center;
	}
.hmPage1 .txt .cen{
	width:90%;
	margin:0 auto;
	z-index:2;
	max-width:1800px;
	}
.hmPage1 .txt h1{
	text-align:center;
	font-size:56px;
	font-weight:normal;
	color:#fff;
	margin-bottom:14px;
	}
.hmPage1 .txt p{
	text-align:center;
	font-size:20px;
	color:#fff;
	}
.hmPage1 .txt .xian{
	width:100px;
	height:4px;
	margin:40px auto 0;
	background-color:#f2e900;
	}
	
@keyframes myfirst
{
	0%   {bottom:20px;}
	25%  {bottom:22px;}
	50%  {bottom:25px;}
	75%  {bottom:27px;}
	100% {bottom:30px;}
}

.hmPage1 .pob {
    position: absolute;
    z-index:10000;
    bottom: 20px;
    left: 50%;
    margin-left: -27.5px;
	animation:myfirst 0.8s linear 0.8s infinite alternate;
	/* Firefox: */
	-moz-animation:myfirst 0.8s linear 0.8s infinite alternate;
	/* Safari and Chrome: */
	-webkit-animation:myfirst 0.8s linear 0.8s infinite alternate;
	/* Opera: */
	-o-animation:myfirst 0.8s linear 0.8s infinite alternate;
}
.hmPage3 .pob {
    position: absolute;
    z-index:10000;
    bottom: 20px;
    left: 50%;
    margin-left: -27.5px;
	animation:myfirst 0.8s linear 0.8s infinite alternate;
	/* Firefox: */
	-moz-animation:myfirst 0.8s linear 0.8s infinite alternate;
	/* Safari and Chrome: */
	-webkit-animation:myfirst 0.8s linear 0.8s infinite alternate;
	/* Opera: */
	-o-animation:myfirst 0.8s linear 0.8s infinite alternate;
}
.hmPage4 .pob {
    position: absolute;
    z-index:10000;
    bottom: 20px;
    left: 50%;
    margin-left: -27.5px;
	animation:myfirst 0.8s linear 0.8s infinite alternate;
	/* Firefox: */
	-moz-animation:myfirst 0.8s linear 0.8s infinite alternate;
	/* Safari and Chrome: */
	-webkit-animation:myfirst 0.8s linear 0.8s infinite alternate;
	/* Opera: */
	-o-animation:myfirst 0.8s linear 0.8s infinite alternate;
}
.hmPage8 .pob {
    position: absolute;
    z-index:10000;
    bottom: 20px;
    left: 50%;
    margin-left: -27.5px;
	animation:myfirst 0.8s linear 0.8s infinite alternate;
	/* Firefox: */
	-moz-animation:myfirst 0.8s linear 0.8s infinite alternate;
	/* Safari and Chrome: */
	-webkit-animation:myfirst 0.8s linear 0.8s infinite alternate;
	/* Opera: */
	-o-animation:myfirst 0.8s linear 0.8s infinite alternate;
}
.hmPage5 .pob {
    position: absolute;
    z-index:10000;
    bottom: 20px;
    left: 50%;
    margin-left: -27.5px;
	animation:myfirst 0.8s linear 0.8s infinite alternate;
	/* Firefox: */
	-moz-animation:myfirst 0.8s linear 0.8s infinite alternate;
	/* Safari and Chrome: */
	-webkit-animation:myfirst 0.8s linear 0.8s infinite alternate;
	/* Opera: */
	-o-animation:myfirst 0.8s linear 0.8s infinite alternate;
}


.hmPage1 .txt a{
    width: 150px;
    height: 50px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    display: block;
    margin: 60px auto 0;
    background: -webkit-linear-gradient(top, #009441, #8ec735);
	}
.hmPage1 .txt a:hover {
    background: #fff;
    box-shadow: 0 0 10px #999;
    color: #009441;
    transition: all 0.4s linear;
}

.hmPage3 .txt{
	background:url(../images/bg2.jpg) no-repeat center/cover; 
	height:100vh; 
	width:100%;
	display: flex;
    align-items: center;
	}
.hmPage3 .txt .cen{
	width:85%;
	margin:0 auto;
	max-width:1100px;
	}
.hmPage3 .txt h1{
	text-align:center;
	font-size:52px;
	font-weight:normal;
	color:#fff;
	margin-bottom:30px;
	}
.hmPage3 .txt p{
	text-align:center;
	font-size:14px;
	line-height:26px;
	color:#fff;
	}
	
.hmPage3 .txt a{
    width: 150px;
    height: 50px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    display: block;
    margin: 60px auto 0;
    background: -webkit-linear-gradient(top, #009441, #8ec735);
	}
.hmPage3 .txt a:hover {
    background: #fff;
    box-shadow: 0 0 10px #999;
    color: #009441;
    transition: all 0.4s linear;
}
.hmPage8{    
	padding-top: 40px;
	background:url(../images/bg4.jpg) no-repeat center/cover; 
	}
.hmPage5{
	padding-top:40px;
    background: url(../images/bg5.jpg) no-repeat center/cover;
}
.hmPage6 {
	position:relative;
    background: url(../images/bg6.jpg) no-repeat center/cover;
}
.hmPage5 .list{
	overflow:hidden;
	}
.hmPage5 .list .li{
	float:left;
	width:calc(100%/5 - 32px);
	margin-right:40px;
	}
.hmPage5 .list .li:nth-child(5n+0){
	margin-right:0;
	}
.hmPage5 .list .li p{
	font-size:16px;
	color:#fff;
	text-align:center;
	margin:20px auto 0;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	}
.hmPage5 .more {
    width: 150px;
    height: 50px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    display: block;
    margin: 60px auto 0;
    background: -webkit-linear-gradient(top, #009441, #8ec735);
}

.hmPage5 .more:hover{
	background:#fff;
	box-shadow:0 0 10px #999;
	color:#009441;
	transition:all 0.4s linear;
	}
.hmPage5 .hmp2_t1{ color:#fff;}
.hmPage5L{ height: 100%; width: 100%;position:relative;  display: flex;
    justify-content: center; 
    align-items: center;}
.hmPage7L{ height: 100%; width: 100%; float: left; background: url(/Templates/cn2014/images/hmPage7_1.jpg) no-repeat center center; background-size: cover!important; position: relative; }
.hmPage7R{ height: 100%; width: 60%; margin:0 auto;}
.hmFocus{height:100%;}
.hmFocus .swiper-slide{height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden!important}
.hmFocus .swiper-pagination-bullet{ opacity:1; height: 10px; width: 10px; border-radius:50%; background:none; border:1px solid #fff;}
.hmFocus .swiper-pagination-bullet-active{ opacity:1; background:#fff;}
.hmFocus .swiper-pagination{bottom:45px;}
.hmPage2Bg { height: 30%; width: 100%; position: absolute; left: 0px; bottom: 0px; overflow:hidden; }
.canvasBg{height:100%; width:100%; border:none 0; transform:scale(1.3)}
.hmPage2Layer{height:100%; width:100%; position:absolute; z-index:1; left:0; top:0; background:#fff; opacity:0}
#particles {width: 100%;height: 100%;overflow: hidden; position:relative;}
.hmPage2Box { position: relative; z-index: 5; padding-top: 2%;}
.hmp2_t1 { font-size: 40px; font-weight:normal; line-height: 50px; height: 50px; text-align:center; color:#4f4f4f;}
.hmPage8 .xian{
	width:80px;
	height:4px;
	margin:30px auto 50px;
	background-color:#007c36;
	}
	
.hmPage8 .more{
    width: 150px;
    height: 50px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    display: block;
    margin: 60px auto 0;
	background: -webkit-linear-gradient(top, #009441, #8ec735);
}
.hmPage8 .more:hover{
	background:#fff;
	box-shadow:0 0 10px #999;
	color:#009441;
	transition:all 0.4s linear;
	}
.hmPage5 .xian {
    width: 80px;
    height: 4px;
    margin: 30px auto 50px;
    background-color: #fff;
}
.hmp2_t2 { text-transform: uppercase; font: normal 15px/16px Arial; color: #959595; text-align:center; padding-bottom: 22px; position:relative }
.hmp2_t2:after{ content:""; width:37px; height:0; background:#333333; position:absolute; left:0; bottom:0}
.hmp2_p1 { font-size: 16px; line-height: 24px; color: #808080; min-height: 82px; text-align:
center;}
.hmp2_ul { margin: 120px -40px 100px; text-align: center; }
.hmp2_ul li { display: inline-block; height: 150px; width: 150px; margin: 0px 40px; margin-top:-30px; position: relative; }
.hmp2Itms_a { height: 150px; width: 150px; border: 2px solid #BBBBBB; display: inline-block; border-radius:0.5em; transform:rotate(45deg) }
.hmp2ItmsTxt{ transform: rotate(-45deg); width: 100%; height: 100%; padding-top:28px; }
.hmp2ItmsTxt strong { display: block; font: 34px/54px TrajanPro; height:54px; overflow:hidden }
.hmp2ItmsTxt p { font-size: 15px; line-height: 24px; height:48px; overflow:hidden; color: #666666; width: 105px; display: inline-block; transition:all 0.3s ease }
.hmp2Itms_a:hover p{color:#fff;}
.hmp2_ul li:nth-child(1) .hmp2Itms_a,.hmp2_ul li:nth-child(3) .hmp2Itms_a,.hmp2_ul li:nth-child(5) .hmp2Itms_a,.hmp2_ul li:nth-child(7) .hmp2Itms_a,.hmp2_ul li:nth-child(8) .hmp2Itms_a{ background: #e4e4e4; border: 2px solid #e4e4e4; }
.hmp2Itms_a:hover{ color: #FFF; background: #ff8c01!important; border: 2px solid #ff8c01!important; transition:all 0.3s linear;}
.hmp3_t1 { line-height: 50px; font-size: 32px; margin-top:60px; font-weight:bold; color:#4f4f4f;}
.hmP3Txt { position: absolute; top: 50%; transform:translateY(-50%); padding: 0px 16% 0px 17%; left:0; width:100% }
.hmp3_t2 { font: normal 15px/16px Arial; height: 40px; position: relative; text-transform: uppercase; color:#959595;}
.hmp3_t2:after{ content:""; width:37px; height:0; background:#fff; position:absolute; left:0; bottom:0}
.hmp3Des { font-size: 14px; line-height: 28px; color: #7e7e7e; padding: 20px 0px 60px; }
.hmp3Des p{margin-bottom:15px;}
.hmp4Box { position: absolute; width: 100%; left: 0px; top: 50%; transform:translateY(-50%) }
.pg-canvas{position:absolute; left:0; top:0;}
.hmp4Wrpper { height: 100%; position: relative; z-index:2; }
.hmp4_ul { margin: 0px -20px; }
.hmp4_ul li { padding: 0px 20px; }
.hmp4_aBox { display: block; text-align: center; position: relative; background: rgba(200,200,200,0.45); padding: 80px 0; overflow: hidden; }
.hmp4_aBox strong {font-size: 18px; color: #fff; font-weight: normal; display: block; }
.hmp4_aBox p { font-size: 14px; color: #fff; margin-top:5px;}
.hmp4LayerBg{ height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; color: #FFF; background: #009d44; transition:all 0.3s ease-in-out; opacity:0; transform:translate(0,200px);}
.hmp4Layer { height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; color: #FFF; font-size: 13px; line-height: 26px; z-index:1 }
.hmp4LayTxt { position: absolute; top: 50%; left: 16%; right: 16%; transform:translate(0,-200%); transition:all 0.3s ease-out; opacity:0; text-align:left; }
.hmp4MoreBtn{width:100%; margin-top:20px; display:block; height:36px; line-height:36px; color:#fff; font-size:16px; border:1px solid #fff; padding:0 15px;}
.hmp4MoreBtn i{position:relative; left:0; transition:all 0.3s ease-in-out 0.3s; color:#fff;}
.hmp4Des{ height:182px; overflow:hidden; margin-bottom:15px;}
.hmp4_aBox:hover .hmp4LayTxt{ transform:translate(0,-50%); opacity:1; transition-delay:0.1s;}
.hmp4_aBox:hover .hmp4LayerBg{opacity:1; transform:translate(0,0)}
.hmp4_aBox:hover .hmp4MoreBtn i{ left:50%; transform:translateX(-50%)}
.hmP5Lbox { position: absolute; width:90%; max-width:1600px; top: 50%; color: #FFF; transform:translateY(-50%) }
.hmp5_p1 { font-size: 14px; line-height: 24px; padding: 24px 0px; min-height: 110px; border-bottom: 1px solid #e2f2c2; margin-bottom: 28px; }
.hmp5_u1 li { width:calc(100%/3 - 50px); float: left; margin-right:75px; margin-top: 60px; overflow: hidden; }
.hmp5_u1 li strong { display: block; font: normal 20px/34px Microsoft YaHei; }
.hmPage5R li { height: 50%; position: relative; }
.hmp5_u1 li:last-child{margin-right:0;}
.hmp5Itms { position: absolute; top: 50%; transform:translateY(-50%); left:16%; right:16%; display:block }
.hmp5Icon { float: left; height: 80px; width: 80px; border: 2px solid #959595; border-radius:50%; }
.hmp5Icon1 { background: url(/Templates/cn2014/images/hmp5Icon1.png) no-repeat center bottom; height: 40px; width: 40px; margin-top: 19px; margin-left: 19px; display: block;}
.hmp5Itms:hover .hmp5Icon1 { background: url(/Templates/cn2014/images/hmp5Icon1.png) no-repeat center top;}
.hmp5Icon2 { background: url(/Templates/cn2014/images/hmp5Icon2.png) no-repeat center bottom; height: 40px; width: 40px; margin-top: 19px; margin-left: 19px; display: block;}
.hmp5Itms:hover .hmp5Icon2 { background: url(/Templates/cn2014/images/hmp5Icon2.png) no-repeat center top;}
.hmp5Itms:hover .hmp5Icon{ border:2px solid #ff8c01;}
.hmp5Txt { margin-left: 110px; }
.hmp5Txt strong { line-height: 42px; height: 42px; margin-bottom: 20px; font-size: 28px; color: #000000; font-weight: normal; display: block; }
.hmp5Txt strong span { float: left; position:relative; }
.hmp5Txt strong span:after{ content:""; width: 20px; height: 3px; background: #ff8c01; display: block; position: absolute; right: -30px; bottom: 8px; }
.hmp5Txt p { font-size: 13px; line-height: 26px; color: #888888; margin-bottom: 25px; }
.hmMore { height: 40px; width: 220px; display: block; position: relative; padding-left: 90px; line-height: 40px; text-transform: uppercase; color: #ff8c01; transition:all 0.3s ease; font-size:14px;}
.hmMore:before{ content: ""; height: 40px; width: 220px; border: 1px solid #ff8c01; position: absolute; left: 0px; top: 0px; transition:all 0.3s ease; }
.hmMore:after{ content: ""; background: url(/Templates/cn2014/images/hmp3_arrow2.png) no-repeat left top; height: 7px; width: 45px; position: absolute; margin-top: -4px; top: 50%; right: 0px; transition:all 0.3s ease; }
.hmp5Itms:hover .hmMore{ color: #FFF; background: #ff8c01; padding-left: 28px; }
.hmp5Itms:hover .hmMore:before{ width: 100%; }
.hmp5Itms:hover .hmMore:after{ background: url(/Templates/cn2014/images/hmp3_arrow2.png) no-repeat right center; width: 30px; right: 23px; }

.hmp6_icon1 { background: url(/Templates/cn2014/images/hm6_simg1.png) no-repeat; height: 190px; width: 988px; position: absolute; left: 50%; top: 0px; margin-left:-494px; }
.hmp6_icon2 { background: url(/Templates/cn2014/images/hm6_simg2.png) no-repeat left top; height: 552px; width: 374px; position: absolute; left: 0px; bottom: 13%; }
.hmp6_icon3 { background: url(/Templates/cn2014/images/hm6_simg3.png) no-repeat; height: 172px; width: 666px; position: absolute; left: 50%; bottom: 0px; margin-left:-333px; }
.hmp6_icon4 { background: url(/Templates/cn2014/images/hm6_simg4.png) no-repeat; height: 258px; width: 428px; position: absolute; right: 4%; top: 52%; }
.hmp6_t1 { font-size: 32px; line-height: 50px; text-align: center; height: 50px; margin-top: 60px; }
.hmp6_t2 { text-transform: uppercase; font: bold 40px/48px Arial; color: #ff8c01; padding-bottom: 22px; position: relative; text-align: center; }
.hmp6Imts { position:absolute;background-color:#fff; box-shadow:0 0 10px #ccc; top:20vh; height:68vh;width:90%; max-width:1600px;}
.hmp6Txt { font-size: 15px; line-height: 30px; text-align: center; color: #666; margin: 0px auto; padding: 34px 15px 18px; max-width: 890px; }
.hmp6More { font-size:14px; line-height: 14px; border: 1px solid #ff8c01; text-align: center; padding-top: 22px; height: 66px; width: 66px; text-transform: uppercase; display: block; margin: 0px auto; color: #ff8c01; border-radius:50%; position:relative; z-index:10 }
.hmp6More:hover{ color: #FFF; background: #ff8c01; }
.hmp6_w1 { width: 40%; padding:80px 60px 0;
    background: -webkit-linear-gradient(#009441, #8ec735); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#009441, #8ec735); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#009441, #8ec735); /* Firefox 3.6 - 15 */
    background: linear-gradient(#009441, #8ec735); /* 标准的语法（必须放在最后） */
	}
.hmp6_w2 { width: 60%; background-color:#fff; padding:80px 80px 0;}
.hmp6_w3 { width: 10%; margin-left:8%; text-align:right;}
.hmp6_w3>img{ margin-top:18px;}
.hmp6_w3>img:nth-child(2){ margin-top:0;}
.hmp6_w4{ display:none;}
.hmp6_w1 strong{ font-size:24px; color:#fff; font-weight:normal; margin-bottom:40px; display:block;}
.hmp6_w1 p{ font-size:16px; color:#fff; line-height:30px;}
.hmp6Imts li{ height:100%; float: left }
.hmp6Imts .text-center { display: inline-block; }
.hmp6Imts .text-center strong { font-size: 30px; line-height: 46px; display: block; height: 46px; font-weight: normal; }
.hmp6Imts .text-center p { font-size: 15px; line-height: 24px; color: #999999; }
.hmP7Lbox { position: absolute; left: 23%; top: 20%; right: 23%; color: #FFF; transform:translateY(-50%) }
.hmp7_p1 { font-size: 14px; line-height: 24px; color: #FFF; border-bottom: 1px solid #e2f2c2; padding: 24px 0px 40px; }
.hmp7_t1 { line-height: 44px; height: 44px; margin-top: 34px; display: block; font-size: 16px; font-weight: normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hmp7Dlbox{width:50%; float:left}
.hmp7_dl dt { color: #FFF; line-height: 24px; background: url(/Templates/cn2014/images/hmp7_icon.png) no-repeat left center; padding-left: 15px; position: relative; height: 24px; }
.hmp7_dl dt span{line-height:24px; height:24px; overflow:hidden; display:block;}
.hmp7_dl dt span:hover{text-decoration:underline;}
.hmp7_dl dd { line-height: 22px; padding: 15px; color: #FFF; background: rgba(34,34,34,0.85); border-radius: 0.4em; margin-top: 8px; position:relative; }
.hmp7_dl dd:before{content:""; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid rgba(34,34,34,0.85); position:absolute; left:30px; top:-8px;}
.hmp7Layer { width: 100%; padding: 20px 25px; position: absolute; left: 0; bottom: 36px; font-size: 12px; line-height: 22px; color: #FFF;  border-radius:0.5em; }
.hmp7Layer:before{border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid rgba(34,34,34,0.85); position:absolute; bottom:-8px; left:30px; margin-top:-8px;}
.hmP7Rbox{ position: absolute; top: 50%; left: 12.5%; right: 12.5%; transform: translateY(-50%); }
.hmp7LgList{ padding-bottom: 15px; padding-top:10px;}
.hmp7Lg{ text-align: center; height: 70px; margin: 30px 0px; }
.hmp7Lg img{transition:all 0.3s ease-in-out; max-width:80%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.hmp7Lg:hover img{-webkit-filter: grayscale(0%); filter: grayscale(0%); opacity:1;}
.hmp7LgList .swiper-pagination-bullet{ opacity: 1; height: 12px; width: 12px; background: #FFF; border: 1px solid #A3A3A3; background:none }
.hmp7LgList .swiper-pagination-bullet-active{ opacity: 1; background: #ff8c01; border: 1px solid #ff8c01; }
.hmp7LgList .swiper-pagination{bottom:0;}

.swiper-slide:hover .hmp7LayTxt{transform: translate(0,-50%); opacity: 1; transition-delay: 0.1s;}
.hmp7LayTxt {position: absolute; top: 45%; left: 16%; right: 16%; transform: translate(0,-200%); transition: all 0.3s ease-in-out; opacity: 0; text-align: left;}
.swiper-slide:hover .hmp7_bg {opacity: 1; transform: translate(0,0);}
.hmp7_bg {height:106px; width:192px; position: absolute; left: 24px; top: 12px; right: 0px; bottom: 0px; color: #FFF; background: #ff8c01; transition: all 0.3s ease-in-out; opacity: 0; transform: translate(0,20px);}

.hmp8_ul { position: relative; padding-top: 38px; }
.hmp8_more { font-size: 14px; color: #ff8c01; line-height: 28px; height: 32px; width: 114px; border: 2px solid #ff8c01; text-align: center; position: absolute; right: 30px; top: -60px; }
.hmp8_more:hover{ color: #fff; background: #ff8c01; }
.hmp8_aBox {display: block; height: 446px;}
.hmp8_color{ padding:20px 15px; background-color:#fff;}
.hmp8_ul { margin: 0px -30px; }
.hmp8_ul li { padding: 0px 30px; }
.hmp8_xiu { margin: 0 auto; }
.hmp8_xiu li { padding: 0; width:25%; }
.hmp8_xiu li>a{ height:100%}
.hmp8_xiu li>a>div{ height:100%;}
.hmp8Time { text-align: center; width: 60px; font-size: 14px; color: #666666; line-height: 24px; height: 52px; font-weight: bold; float: left; transition:all 0.3s ease;  }
.hmp8Time span { font-size: 56px; display: block; line-height: 52px; font-weight: normal; }
.hmp8Sbx { padding-top: 35px; }
.hmp8Txt { margin-left: 85px; }
.hmp8Txt .ellipsis { line-height: 26px; margin-bottom: 15px; padding-bottom: 12px; font-size: 16px; border-bottom: 1px solid #C2C2C2; font-weight: normal; display: block; }
.hmp8Txt p {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden; font-size:14px; line-height: 24px; color: #777777; margin-bottom:18px;transition:all 0.3s ease;}

.hmp8_aBox:hover .hmp8Time{ color: #ff8c01; }
.hmp8_aBox:hover p{ color: #ff8c01; }
.hmp8_aBox:hover .hmMore{ color: #FFF; background: #ff8c01; padding-left: 28px; }
.hmp8_aBox:hover .hmMore:before{ width: 100%; }
.hmp8_aBox:hover .hmMore:after{ background: url(/Templates/cn2014/images/hmp3_arrow2.png) no-repeat right center; width: 30px; right: 23px; }
.hmFooter { font-size: 14px; color: #777; text-align: center; line-height: 40px; height:40px; background: #222222; position: absolute; left: 0px; bottom: 0px; width: 100%; }
.hmFooter a{color: #777;}
.hmPage9 { color: #FFF; }
.hmp9Top { margin-bottom: 36px; position: relative; padding-right: 375px; }
.hmp3_adrInfo { padding-top: 26px; line-height: 24px; font-size: 14px; }
.hmp3_adrInfo p { margin-bottom: 10px; position: relative; padding-left: 32px; }
.hmp9Map { position: absolute; top: 12%; right: 275px; }
.hmp9Map i{ background: url(/Templates/cn2014/images/hmposIcon.png) no-repeat; height: 38px; width: 60px; position: absolute; left: 190px; top: 120px; display: inline-block; animation-duration: 1s; animation-fill-mode: both; animation-name: MapIcon; animation-iteration-count:infinite;}
.hmp9_t1 { margin-top: 0px; }
.hmp3_adrInfo p i { position: absolute; left: 0px; top: 2px; line-height: 20px; font-size: 15px; }
.hmp9_fm1 { margin: 0px -7px 4px; }
.hmp9_fm1 li { padding: 0px 7px 14px; position: relative; }
#txtName{ color:#fff;}
.hmp9_int { line-height: 42px; height: 44px; width: 100%; border: 1px solid #fff; color: #FFF; font-size: 14px; padding: 0px 10px 0px 40px; background:none; border-radius:0.2em; }
.hmp9_fm1 i { position: absolute; left: 22px; top:15px; color: #F9E2E1; font-size: 16px;}
.hmp9_area { height: 120px; width: 100%; border: 1px solid #fff; padding: 10px 10px 10px 40px; border-radius: 0.2em; background: none; color: #fff; font: 14px/24px "微软雅黑"; }
.hmp9Areabox { position: relative; }
.hmp9Areabox i { position: absolute; left: 15px; top:17px; color: #F9E2E1; font-size: 16px; }
.hmp9Btn { color:#ff8c01; line-height: 45px; height: 45px; margin-top: 25px; text-align: center; display: block; font-size: 15px; background:rgba(256,256,256,0.7); font-weight:bold; border-radius:0.2em; }
.hmp9Btn:hover{ color: #fff; background:rgba(112,157,41,0.8);}
.hmp3_more { color: #7e7e7e; }
.hmp3_more:before{ content: ""; border: 1px solid #7e7e7e; }
.hmp3_more:after{ content: ""; background: url(/Templates/cn2014/images/hmp3_arrow2a.png) no-repeat left top; }
.hmp3_more:hover{ background: #656565; color: #FFF; }
.hmp3_more:hover:before{ content: ""; border: 1px solid #7e7e7e; }
.hmp3_more:hover:after{ background: url(/Templates/cn2014/images/hmp3_arrow2a.png) no-repeat right center; width: 30px; right: 15px; }
.hmWelcom { background: #f0f0f0; height: 100%; width: 100%; position:fixed; z-index: 999; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.hmWelcomBox { width: 100%; position: absolute; top: 50%; left: 0px; transform:translateY(-70%); transition:all 0.3s ease-in-out; opacity:0 }
.hmWel_logo { text-align: center; height: 50px; }
.hmWel_t { line-height: 66px; height: 66px; position: relative; margin: 38px 0px 25px; overflow:hidden; opacity:0; transform:translate(0px,80px); transition:all 0.3s ease-in-out 1.2s;}
.hmWel_tbg{ background: url(/Templates/cn2014/images/hmWel_line.jpg) repeat-x left center; position:absolute; left:0; top:0; height: 66px; -webkit-animation: Ruler 100s linear infinite; -moz-animation: Ruler 100s linear infinite; -o-animation: Ruler 100s linear infinite; animation: Ruler 100s linear infinite; width: 300%; }
.hmWel_nt{ font-size: 40px; color: #000; display: inline-block; line-height: 60px; height: 60px; position: absolute; left: 50%; top: 0px; padding: 0px 40px; background: #f0f0f0; transform:translateX(-50%); }
.hmWel_nt span{font-size:26px;}
.hmWel_p { font-size: 15px; line-height: 32px; color: #888888; text-align: center; padding: 0px 15px; max-width: 880px; margin:0 auto; opacity:0; transform:translate(0px,80px); transition:all 0.3s ease-in-out 1.5s;}
.hmWel_s1{background: url(/Templates/cn2014/images/hmLogo_a.png) no-repeat;background-size: 300px 50px ; height: 50px;width: 300px;display: inline-block;position: relative;left: 5px;transition:all 0.3s ease 0.3s;transform:scale(0);}

.hmWelcomBoxAnimate {opacity:1;}
.hmWelcomBoxAnimate .hmWel_s1,.hmWelcomBoxAnimate .hmWel_s2,.hmWelcomBoxAnimate .hmWel_s3{transform:scale(1);}
.hmWelcomBoxAnimate .hmWel_t {opacity:1; transform:translate(0px,0px)}
.hmWelcomBoxAnimate .hmWel_p {opacity:1; transform:translate(0px,0px)}
.hmp9Bom :-moz-placeholder {color: #F9E3E1;  }
.hmp9Bom ::-moz-placeholder {color: #F9E3E1;}
.hmp9Bom input:-ms-input-placeholder,
.hmp9Bom textarea:-ms-input-placeholder {color: #F9E3E1;}
.hmp9Bom input::-webkit-input-placeholder,
.hmp9Bom textarea::-webkit-input-placeholder {color: #F9E3E1;}
.hmWelcom.hmWelcomFedeOut{ transform:scale(0);}
.continue{font-size:18px;color: #ff8c01;font-family:Arial;text-transform:uppercase;width:260px;height:50px;border: 2px solid #ff8c01;border-radius:25px;display:block;margin:10px auto;line-height:50px;cursor:pointer;overflow:hidden;position:relative;z-index:1;top:10px;}
.continue span{ position:relative; z-index:1; display:block; top:-2px;
-webkit-animation-name:scalexx;
-webkit-animation-duration:1s;
-webkit-animation-timing-function:linear;
-webkit-animation-delay:0;
-webkit-animation-iteration-count:infinite;
-webkit-animation-play-state:running;
animation-name:scalexx;
animation-duration:1s;
animation-timing-function:linear;
animation-delay:0;
animation-iteration-count:infinite;
animation-play-state:running;
text-align:center;
}
@keyframes scalexx {
	0% {
		transform:scale(0.8,0.8);
		-webkit-transform:scale(0.8,0.8);
	}
	100% {
		transform:scale(1,1);
		-webkit-transform:scale(1,1);
	}
}
@-webkit-keyframes scalexx {
	0% {
		transform:scale(0.8,0.8);
		-webkit-transform:scale(0.8,0.8);
	}
	100% {
		transform:scale(1,1);
		-webkit-transform:scale(1,1);
	}
}
.continue:after{display:block;content:"";position:absolute;left:50%;top:-1px;width:0;height:52px;background: #ff8c01;transform:skew(45deg);-webkit-transform:skew(45deg);transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;}
.continue:hover{ color:#FFF;}
.continue:hover:after{ left:-10%; width:120%;}
.hmBomItms{width:220px; position:absolute; right:0; top:34px;}
.hmBomItms_a{ background: rgba(0,0,0,0.15) url(/Templates/cn2014/images/hmBom_icon1.png) no-repeat 33px center; padding-left: 84px; height: 90px; margin-bottom: 24px; display: block; border-radius: 0.4em; color: #FFF; }
.hmBomItms_a:last-child{ background: rgba(0,0,0,0.15) url(/Templates/cn2014/images/hmBom_icon2.png) no-repeat 33px center;}
.hmBomItms_a strong{ font-size: 18px; line-height: 28px; display: block; padding-top: 23px; font-weight: normal; }
.hmBomItms_a p{ font: 9px/18px Arial; text-transform: uppercase; }
.hmBomItms_a:hover{color:#fff;}
.m2ban { height: 500px; position: relative; background: url(/Templates/cn2014/images/loader.gif) no-repeat center center; }
.m2ban .bgImg { height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.m2banTxt { color: #FFF; width: 100%; position: absolute; left: 0%; top: 50%; transform: translateY(-50%); text-align: center; padding-top: 50px; }
.m2ban_t1 { font-size: 32px; line-height: 50px; display: inline-block; }
.m2ban_t2 { font-size: 40px; line-height: 50px; font-weight: 600; text-transform: uppercase; }
.m2banTxt i { background: #FFF; height: 3px; width: 38px; display: block; margin: 18px auto 0px; }
.m2Footer{ position: static; }
.m2pos { background: #F4F4F4; padding: 26px 0px; }
.m2posItms { background: url(/Templates/cn2014/images/m2icon1.png) no-repeat left 3px; font-size: 14px; color: #777777; line-height: 22px; position: relative; padding: 0px 260px 0px 20px; }
.m2case_st1 { font-size: 16px; color: #555; padding: 69px 0px 37px; line-height: 28px; text-align: center; }
.m2caseTop { padding: 0px 15px; }
.m2caseTop li { margin-bottom: 45px; padding: 0px 35px; }
.m2caseIconBox { border: 1px solid #B5B5B5; text-align: right; font-size: 16px; color: #aeaeae; line-height: 20px; font-weight: bold; padding: 40px 42.4% 40px 0px; text-transform: uppercase; position: relative; }
.m2caseIcon { background: url(/Templates/cn2014/images/m2icon2_1.png) no-repeat center center; height: 62px; width: 62px; position: absolute; right: 17.8%; top: 50%; transform:translateY(-50%) }
.m2caseTop{padding-bottom:20px;}
.m2caseTop li:nth-child(2) .m2caseIcon{ background: url(/Templates/cn2014/images/m2icon2_2.png) no-repeat center center;}
.m2caseTop li:nth-child(3) .m2caseIcon{ background: url(/Templates/cn2014/images/m2icon2_3.png) no-repeat center center;}
.m2case_st2 { line-height: 30px; font-size: 17px; color: #111; padding: 24px 0px 0px 23px; position: relative; }
.m2case_st2:after{ content: ""; height: 2px; width: 12px; background: #ff8c01; position: absolute; left: 0px; top: 38px; }
.m2caseItms { margin-top: 18px; position: relative; }
.m2caseItms dt { background: url(/Templates/cn2014/images/m2icon3.png) no-repeat 4px 8px; padding-left: 23px; line-height: 24px; margin-bottom: 10px; font-size: 14px; font-weight: bold; }
.m2caseDes { font-size: 12px; line-height: 22px; color: #888888; height: 66px; overflow: hidden; }
.m2case_more { background: #FFF url(/Templates/cn2014/images/m2icon4.png) no-repeat right center; display: inline-block; line-height: 22px; white-space: nowrap; position: absolute; right: 0px; bottom: 0px; padding: 0px 12px 0px 32px; color: #E82C1A; }
.m2caseBom { background: #f3f3f3; padding: 56px 0px 60px; }
.m2case_t1 { line-height: 84px; border-bottom: 1px solid #DDDDDD; margin: 0px auto; width:100%; max-width: 585px; font-size: 28px; color: #222222; text-align: center; position: relative; }
.m2case_t1:after{ content: ""; background: #ff8c01; height: 5px; width: 44px; position: absolute; left: 50%; bottom: -3px; margin-left: -22px; }
.m2case_menu { text-align: center; padding: 35px 0px 15px; }
.m2caseMenu_a1 { padding: 0px 32px; margin: 0px 6px; line-height: 35px; display: inline-block; height: 37px; border: 1px solid #AAAAAA; border-radius: 0.2em; color: #666666; }
.m2caseMenu_a1:hover,.m2caseMenu_a1.on{ color: #FFF; border: 1px solid #ff8c01; background: #ff8c01; }
.m2caseLogo { padding-bottom: 40px; }
.m2caseLogo .swiper-pagination-bullet{ opacity: 1; height: 12px; width: 12px; background: #FFF; border: 1px solid #A3A3A3; background:none }
.m2caseLogo .swiper-pagination-bullet-active{ opacity: 1; background: #ff8c01; border: 1px solid #ff8c01; }
.m2caseLogo .hmp7Lg{ margin:18px 0}
.m2usTop { padding: 45px 0px 60px; }
.m2comEditor { padding-top: 48px; font-size: 14px; line-height: 30px; color: #777777; }
.m2comImg { float: left; margin-right: 45px; }
.m2usCon2 { background: #F4F4F4; padding: 58px 0px 42px; }
.m2usCon3 { background: url(/Templates/cn2014/images/m2usBg.jpg) no-repeat center center; background-size: cover; padding: 74px 0px 90px; }
.m2usDes { font-size: 14px; line-height: 28px; padding: 45px 0px 50px; color: #777; }
.m2usCon3 .hmp2Itms_a{ background:none!important; border:1px solid #919191!important; color:#919191!important;}
.m2usCon3 .hmp2ItmsTxt p{color:#919191!important;}
.m2usAta { position: absolute; z-index: 3; left: 50%; top: 50%; transform:translate(-50%,-50%); }
.m2usCon3 .m2usLogo .hmp2Itms_a{ background:#ff8c01!important; border:1px solid #ff8c01!important;}
.m2usCon3 .hmp2Itms_a:hover{ background:#ff8c01!important; border:1px solid #ff8c01!important; color:#fff!important;}
.m2usCon3 .hmp2Itms_a:hover .hmp2ItmsTxt p{ color:#fff!important;}
.m2usCon3 .hmp2_ul{transform:scale(0.88)}
.rMneu { height: 178px; width: 58px; position: fixed; margin-top: -89px; top: 50%; right: 0px; z-index: 90; }
.rMneu li { height: 58px; width: 58px; position: relative; margin-bottom: 2px; }
.rMenu_icon { height: 58px; width: 58px; font-size: 18px; line-height: 58px; color: #B3B3B3; text-align: center; display: block; background: #EBEBEB; border-radius:0.1em; cursor:pointer; transition:all 0.3s ease }
.rMenu_icon:hover{ background:#ff8c01; color:#fff;}
.rMenu_share { height: 47px; width: 195px; border: 1px solid #D3D3D3; position: absolute; top: 6px; right: 68px; border-radius: 0.3em; background: #FFF; font-size: 14px; color: #666; line-height: 45px; padding-left: 11px; transform:translateX(-30px); transition:all 0.3s ease-in-out; opacity:0; visibility:hidden; }
.rMneu li:hover .rMenu_share {transform:translateX(0px); opacity:1; visibility:visible;}
.rMenu_share:after{ content: ""; background: url(/Templates/cn2014/images/rhmArrow.png) no-repeat; height: 8px; width: 6px; margin-top: -4px; position: absolute; top: 50%; right: -6px; }
.rMenu_share1 { font-size: 18px; color: #FFF; background: #6CD563; height: 30px; width: 30px; display: inline-block; float: left; margin: 7px 5px 0px; line-height: 30px; text-align: center; border-radius:50%; }
.rMenu_share2 { font-size: 18px; color: #FFF; background: #FFC345; height: 30px; width: 30px; display: inline-block; float: left; margin: 7px 5px 0px; line-height: 30px; text-align: center; border-radius:50%; }
.rMenu_share3 { font-size: 18px; color: #FFF; background:#FE6E6E; height: 30px; width: 30px; display: inline-block; float: left; margin: 7px 5px 0px; line-height: 30px; text-align: center; border-radius:50%; }
.rMenu_share a:hover{color:#fff;}
.rMenu_tel { height: 47px; width: 165px; border: 1px solid #D3D3D3; position: absolute; top: 6px; right: 68px; border-radius: 0.3em; background: #FFF; font-size: 20px; color: #ff8c01; line-height: 45px; text-align: center; transform:translateX(-30px); transition:all 0.3s ease-in-out; opacity:0; visibility:hidden; }
.rMenu_tel:after{ content: ""; background: url(/Templates/cn2014/images/rhmArrow.png) no-repeat; height: 8px; width: 6px; margin-top: -4px; position: absolute; top: 50%; right: -6px; }
.rMneu li:hover .rMenu_tel {transform:translateX(0px); opacity:1; visibility:visible;}
.m2usSwiper { height: 330px; max-width: 982px; margin: 50px auto 0px; position: relative; background: url(/Templates/cn2014/images/m2yyLine.png) no-repeat center 320px;}
.m2yySbox{ height: 216px; background: #ff8c01; padding: 0px 132px; position: relative; display: table; width: 100%; }
.m2YYSwiper{ width: 750px; padding-top: 60px; background: url(/Templates/cn2014/images/m2yy_bg.png) no-repeat center top; height: 330px; background-size:100% 60px;  }
.m2usSwiper .swiper-pagination .swiper-pagination-bullet{ height: 11px; width: 11px; border: 2px solid #ACACAC; opacity:1; background:#f4f4f4; margin:0 35px; }
.m2usSwiper .swiper-pagination{height:11px; bottom:5px;}
.m2usSwiper .swiper-pagination .swiper-pagination-bullet-active{ background: #ff8c01; border: 2px solid #ff8c01; }
.m2usBtnL { background: #ff8c01 url(/Templates/cn2014/images/m2yy_btn.png) no-repeat center center; height: 42px; width: 42px; position: absolute; left: 0px; top: 147px; cursor:pointer; border-radius:50%; }
.m2usBtnR { background: #ff8c01 url(/Templates/cn2014/images/m2yy_btn.png) no-repeat center center; height: 42px; width: 42px; position: absolute; right: 0px; top: 147px; cursor:pointer; border-radius:50%; transform:rotate(180deg); }
.m2YYSwiper:before{ content: ""; background: #ff8c01 url(/Templates/cn2014/images/m2us_icon.png) no-repeat 42px center; height: 216px; width: 130px; position: absolute; top: 60px; left: 0px; z-index: 10; }
.m2YYSwiper:after{ content: ""; background: #ff8c01 url(/Templates/cn2014/images/m2us_icon.png) no-repeat 42px center; height: 216px; width: 130px; position: absolute; top: 60px; right: 0px; z-index: 10; transform:rotateY(180deg) }
.m2yyStxt { display: table-cell; height: 100%; text-align: center; font-size: 18px; line-height: 36px; color: #FFF; vertical-align: middle; }
.m2subMenu { line-height: 66px; height: 66px; background: rgba(0,0,0,0.2); text-align: center; width: 100%; position:relative; z-index: 3; font-size:0; margin-top:-66px; }
.m2subMenu_a { color: #eeeeee; line-height: 66px; display: inline-block; padding: 0px 50px; font-size: 16px; position:relative; top:-1px; border-right:1px solid rgba(255,255,255,0.3); }
.m2subMenu_a:first-child{ border-left:1px solid rgba(255,255,255,0.3); }
.m2subMenu_a.on,.m2subMenu_a:hover { font-weight: bold; background: #ff8c01; color: #FFF;}
.m2fw_txt1 { color: #555555; font-size: 16px; line-height: 34px; padding: 65px 0px 72px; }
.m2fw_u1 { margin: 0px -20px 60px; }
.m2fw_u1 li { margin-bottom: 20px; }
.m2fw_bx1 { border: 1px solid #CACACA; padding: 62px 15px 35px; position: relative; }
.m2fwIcon { background: #ff8c01 url(/Templates/cn2014/images/m2fw_icon1.png) no-repeat center center; height: 110px; width: 110px; position: absolute; left: 50%; top: -55px; margin-left: -55px; border-radius:50% }
.m2fw_bx1 strong { font-size: 18px; line-height: 65px; text-align: center; display: block; height: 65px; }
.m2fw_dl dd { font-size: 13px; line-height: 26px; height: 26px; background: url(/Templates/cn2014/images/m2icon3.png) no-repeat left center; padding-left: 12px; float: left; width: 50%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.m2fw_dl { margin: 0px auto; width: 250px; color: #787878; }
.m2fw_ells { display: block; padding-left: 37px; width: 250px; margin: 5px auto 0; }
.m2fw_u1 li:nth-child(2) .m2fwIcon{ background: #ed9f24 url(/Templates/cn2014/images/m2fw_icon2.png) no-repeat center center;}
.m2fw_u1 li:nth-child(3) .m2fwIcon{ background: #1abbaf url(/Templates/cn2014/images/m2fw_icon3.png) no-repeat center center;}
.m2fw_u1 li:nth-child(3) .m2fw_dl{width:320px;}
.m2fwCon1 { background: #F3F3F3; padding: 98px 0px 110px; }
.m2fwc1box { position: relative; max-width: 1070px; margin: 0 auto; padding-right: 452px; }
.m2fwc1box strong { line-height: 102px; display: block; height: 102px; font-size: 28px; color: #111; font-weight: normal; }
.m2fwc1box strong img { margin-right: 14px; }
.m2fwc1box strong text,.m2fwc1box strong img{vertical-align:middle;}
.m2fwDes { font-size: 15px; line-height: 28px; color: #777777; margin-bottom: 25px; }
.m2fw_d2 dd,.m2fw_d2 li { font-size: 15px; line-height: 28px; color: #777; background: url(/Templates/cn2014/images/m2icon3.png) no-repeat left center; padding-left: 14px; height: 28px; width: 138px; float: left; }
.m2fw_d2 { width: 280px; }
.m2fwImgIcon1 { position: absolute; top: 50%; right: 0px; transform:translateY(-40%) }
.m2fwCon2 { padding: 98px 0px 110px; }
.m2fwCon2 .m2fwImgIcon1{right:auto; left:0; transform:translateY(-45%)}
.m2fwCon2 .m2fwc1box{padding-right:0; padding-left:452px;}
.m2fwCon3 .m2fwImgIcon1{ transform:translateY(-50%)}
.m2fw_u2 { margin: -30px auto 0px; max-width: 1100px; padding-bottom: 35px; }
.m2fw_u2 li { text-align: center; float: left; width: 33.3333%; margin-bottom: 30px; }
.m2fw_sbx { background: url(/Templates/cn2014/images/m2fw_bg1.png) no-repeat; height: 246px; width: 226px; margin: 0px auto; color: #FFF; font-size: 14px; line-height: 24px; }
.m2fw_sbx strong { line-height: 54px; padding-top: 50px; display: block; margin-bottom: 15px; font-size: 22px; font-weight: 500; }
.m2fw_u2 li:nth-child(2) .m2fw_sbx { background: url(/Templates/cn2014/images/m2fw_bg2.png) no-repeat; }
.m2fw_u2 li:nth-child(3) .m2fw_sbx { background: url(/Templates/cn2014/images/m2fw_bg3.png) no-repeat; }
.m2fwBom { background: #f3f3f3 url(/Templates/cn2014/images/m2fw_bg4.jpg) no-repeat center bottom; padding: 78px 0px 70px; background-size: 100% auto; font-size: 14px; line-height: 26px; color: #666; }
.m2fw_bt1 { font-size: 28px; color: #222; line-height: 36px; padding: 70px 0px 0px; text-align: center; }
.m2fw_txt2 { font-size: 14px; line-height: 28px; padding: 36px 0px 50px; }
.m2fw_u3 li { padding: 0px 25px; float: left; width: 33.3333%; margin-bottom: 25px; }
.m2fw_u3 { padding: 0px 25px 60px; }
.m2fw_u3box { padding: 0px; height: 158px; background: #ff8c01; position: relative; }
.m2fw_u3txt { line-height: 18px; text-transform: uppercase; padding: 0px 16%; color: #FFF; position: absolute; width: 100%; left: 0px; top: 50%; text-align: center; transform:translateY(-50%) }
.m2fw_u3txt strong { font-size: 20px; font-weight: bold; display: block; line-height: 38px; }
.m2fw_u3 li:nth-child(2) .m2fw_u3box { background: #ed9f24; }
.m2fw_u3 li:nth-child(3) .m2fw_u3box { background: #1abbaf; }
.m2fw2_s1 { font-size: 18px; line-height: 38px; padding: 15px 0px 45px 10%; text-align: center; }
.m2fw_mapBg { background: #f3f3f3 url(/Templates/cn2014/images/m2map_bg.png) no-repeat center center; padding: 20px 0px 30px; }
.m2fw_u4 { text-align: center; display: block; font-size: 0px; margin-top: 60px; }
.m2fw_u4 li { width: 20%; margin-bottom: 32px; padding-top: 150px; text-align: center; position: relative; display: inline-block; }
.m2fw_iconBox { height: 124px; width: 124px; margin-left: -62px; position: absolute; left: 50%; top: 0px; border: 2px solid #ff8c01; border-radius:50%; transition:all 0.3s ease-in-out; }
.m2fw_iconBox img { margin-top: -35px; margin-left: -35px; position: absolute; left: 50%; top: 50%; }
.m2fw_u4 li:hover .opacity{opacity:1;}
.m2fw_u4 li:hover .m2fw_iconBox { background: #ff8c01; }
.m2fw_u4 p { margin: 0px auto; width: 140px; font-size: 16px; line-height: 26px; color: #555; height: 78px; overflow: hidden; }
.m2fw2Con1 { margin: 74px auto 32px; max-width: 996px; }
.m2fw2Con1 ul { margin: 0px -6px; }
.m2fw2Con1 ul li { padding: 0px 6px; margin-bottom: 12px; float: left; width: 25%; }
.m2fw_abox1 .overflowHide { height: 352px; }
.m2fw_anm { line-height: 36px; color: #FFF; height: 36px; z-index: 3; text-align: center; font-size: 13px; position: absolute; width: 100%; left: 0px; background: rgba(227,43,24,0.8); display: block; bottom: -36px; transition:all 0.3s ease-in-out; }
.m2fw_abox1:hover .m2fw_anm,.m2fw_abox2:hover .m2fw_anm{bottom:0;}
.m2fw_abox2 { display: block; height: 170px; margin-bottom: 12px; }
.m2fw_abox2 .overflowHide { height: 170px; }
.m2ks_u1 { display: block; font-size: 0px; text-align: center; max-width: 868px; margin: -20px auto 45px; }
.m2ks_u1 li { width: 33.3333%; margin-bottom: 20px; line-height: 26px; text-align: center; font-size: 16px; display: inline-block; }
.m2ksu1_itms { display: inline-block; height: 146px; width: 146px; border: 3px solid #ff8c01; position: relative; border-radius:50%; padding-top: 85px; transition:all 0.3s ease-in-out; color: #ff8c01; }
.m2ksu1_itms img { position: absolute; left: 50%; top: 28px; margin-left: -25px; }
.m2ks_u1 li:hover .opacity{opacity:1;}
.m2ks_u1 li:hover .m2ksu1_itms{color:#fff; background:#ff8c01;}
.m2ksItmsBox1 { background: #ff8c01; padding: 96px 0px 60px; }
.m2ksItms_u1 { margin: 0px -35px; }
.m2ksItms_u1 li { padding: 0px 35px; margin-bottom: 30px; }
.m2ksItms_sbox { position: relative; padding-left: 82px; color: #ffffff; line-height: 24px; }
.m2ksIicon { height: 60px; width: 60px; text-align: center; padding-top: 15px; background: #FFF; display: block; position: absolute; left: 0px; top: 18px; border-radius:50%; }
.m2ksItms_sbox strong { line-height: 58px; height: 58px; font-size: 16px; font-weight: bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; }
.m2ksBom { padding: 90px 0px 40px; max-width: 1113px; margin: 0px auto; }
.m2ksBomBox { height: 248px; margin-bottom: 50px; position: relative; padding-left: 83px; }
.m2ksBom_t { height: 100%; width: 58px; font-size: 18px; line-height: 20px; color: #FFF; padding: 0px 18px; text-align: center; display: table; background: #ff8c01; font-weight: 500; position: absolute; left: 0px; top: 0px; }
.m2ksBom_t:after{ content:""; width:0; height:0; border-top:11px solid transparent; border-bottom:11px solid transparent; border-left:10px solid #ff8c01; position:absolute; top:50%; right:-10px; margin-top:-10px;}
.m2ksBom_t div { height: 100%; text-align: center; vertical-align: middle; display: table-cell; }
.m2ksBom_ul { margin: 0px -20px; }
.m2ksBom_abox { height: 248px; display:block }
.m2ksBom_abox .overflowHide{ height: 248px;}
.m2ksTag { background: url(/Templates/cn2014/images/m2ks_arrow1.png) no-repeat center center; line-height: 28px; font-size: 13px; font-weight: bold; color: #FFF; text-align: center; display: block; height: 48px; width: 48px; padding-right: 20px; position: absolute; left: 0px; top: 0px; }
.m2ksTnm { line-height: 42px; text-align: center; display: block; height: 42px; color: #FFF; font-size: 14px; position: absolute; width: 100%; left: 0px; bottom: 0px; background:rgba(0,0,0,0.6); }
.m2ksBomBox:nth-child(2) .m2ksBom_t{ background: #ed9f24; }
.m2ksBomBox:nth-child(2) .m2ksBom_t:after{ border-left: 10px solid #ed9f24; }
.m2ksBomBox:nth-child(2) .m2ksTag { background: url(/Templates/cn2014/images/m2ks_arrow2.png) no-repeat left top; }
.m2ksBomBox:nth-child(3) .m2ksBom_t{ background: #1abbaf; }
.m2ksBomBox:nth-child(3) .m2ksBom_t:after{ border-left: 10px solid #1abbaf; }
.m2ksBomBox:nth-child(3) .m2ksTag { background: url(/Templates/cn2014/images/m2ks_arrow3.png) no-repeat left top; }
.m2jm { padding: 60px 0px 0px; margin: 0px -27px 12px; }
.m2jm li { padding: 0px 27px; margin-bottom: 44px; }
.m2jmBox { border: 1px solid #C4C4C4; padding: 0px 11%; position:relative; }
.m2jmBox:after{ content: ""; background: url(/Templates/cn2014/images/m2jm_icon.jpg) no-repeat; height: 47px; width: 47px; position: absolute; top: -6px; right: -6px; }
.m2jmBox strong { text-align: center; display: block; padding: 47px 0px 24px; border-bottom: 1px solid #D6D6D6; font-size: 20px; color: #000; line-height: 36px; font-weight: 500; }
.m2jmDes { padding: 27px 0px; font-size: 13px; line-height: 30px; color: #777777; border-bottom: 1px solid #D6D6D6; }
.m2jmDes_info { font-size: 15px; line-height: 28px; font-weight: 800; color: #ff8c01; padding: 28px 0px 50px; }
.m2lx_t1 { font-size: 28px; color: #222222; line-height: 70px; padding-top: 48px; text-align: center; border-bottom: 1px solid #DDDDDD; width:100%; max-width: 585px; margin: 0px auto 45px; position: relative; }
.m2lx_t1:after{ content: ""; background: #ff8c01; height: 5px; width: 44px; margin-left: -22px; position: absolute; left: 50%; bottom: -3px; }
.m2lx_u1 li { margin-bottom: 25px; padding: 0px 3%; font-size: 14px; line-height: 32px; color: #666; }
.m2lx_u1 { margin: 0px -3% 58px; }
.m2lx_u1 li strong { line-height: 66px; display: block; height: 66px; font-size: 18px; color: #000; font-weight: 500; }
.m2lx_u1 li strong img { float: left; margin: 19px 12px 0px 0px; }
.m2lx_p { max-width:290px; }
.m2lx_wxImg { float: left; margin-right: 22px; border: 1px solid #DCDCDC; }
.m2lx_wxImg img { display: block; }
.m2lxCon1 { background: url(/Templates/cn2014/images/m2lx_bg.jpg) no-repeat center center; height: 438px; position: relative; }
.m2lxAdr { background: url(/Templates/cn2014/images/m2lxIcon1.png) no-repeat; height: 36px; width: 36px; position: absolute; left: 50%; bottom: 88px; margin-left: -18px; }
.m2lxAdr img { position: absolute; left: 50%; bottom: 46px; margin-left: -210px; }
.m2lxFm { margin: 0px auto 74px; max-width: 1034px; }
.m2lx_li01 { margin: 0px -6px; }
.m2lx_li01 li { padding: 0px 6px; margin-bottom: 13px; position: relative; }
.m2lx_int1 { padding: 0px 10px 0px 40px; width: 100%; font-size: 14px; line-height: 45px; color: #666; height: 45px; background: #EEEEEE; border-width: 0px; border-style: none; border-radius:0.2em; }
.m2lxArea { background: #eeeeee; font: 14px/26px "微软雅黑"; color: #666; padding: 9px 10px 9px 40px; height: 150px; border-width: 0px; border-style: none; border-radius: 0.2em; width: 100%; }
.m2lxAreaBox { margin-bottom: 20px; position: relative; }
.m2lx_abtn { background: #ff8c01; font-size: 15px; line-height: 45px; color: #FFF; text-align: center; display: block; height: 45px; border-radius:0.2em; }
.m2lx_abtn:hover { background: #D92B17; color: #FFF; }
.m2lx_btns { margin: 0px -6px; }
.m2lx_btns li { padding: 0px 6px; position: relative; }
.m2lx_abtn2 { background: #9b9b9b; font-size: 15px; line-height: 45px; color: #FFF; text-align: center; display: block; height: 45px; border-radius:0.2em; }
.m2lx_abtn2:hover { background: #888888; color: #FFF; }
.m2lxFm i{ color: #888888; font-size: 16px; line-height: 42px; height: 42px; width: 24px; text-align: center; position: absolute; left: 15px; top: 2px; }
.m2cp_con1 { background: #F3F3F3; padding: 85px 0px 92px; }
.m2cp_t1 { line-height: 46px; font-size: 28px; color: #222222; text-align: center; position: relative; margin-bottom: 52px; }
.m2cp_t1:before{ content: ""; background: #D2D2D2; height: 1px; width: 100%; position: absolute; left: 0px; top: 50%; }
.m2cp_t1 span{ display: inline-block; background: #F3F3F3; padding: 0px 32px; position: relative; z-index: 2; }
.m2zp_abox1 { display: block; margin: 0px auto; height: 114px; width: 114px; border: 2px solid #ff8c01; border-radius: 50%; position: relative; transition:all 0.3s ease-in-out; }
.m2zp_abox1 img{ position:absolute; left:50%; top:50%; margin:-26px 0 0 -25px;}
.m2zp_u1 li { width: 20%; display: inline-block; text-align: center; margin-bottom: 20px; }
.m2zp_u1 { margin:-30px auto 25px; max-width: 1055px; font-size: 0px; display:block;}
.m2zp_u1 li strong { line-height: 70px; text-align: center; display: block; font-size: 16px; color: #333; }
.m2zp_u1 li:hover .opacity{opacity:1;}
.m2zp_u1 li:hover .m2zp_abox1{ background: #ff8c01; }
.m2zpCon2 { background: #ff8c01; padding: 85px 0px; text-align: center; }
.m2zp_itms1 { background: url(/Templates/cn2014/images/m2zp_sicon1.png) no-repeat 62px center; padding-left: 174px; line-height: 170px; height: 174px; width: 352px; border: 2px solid #FFF; font-size: 18px; font-weight: bold; color: #FFF; display: inline-block; margin-right: 8%; border-radius: 0.3em; text-align: left; }
.m2zpItmsIcon { background: url(/Templates/cn2014/images/m2zp_sicon3.png) no-repeat center center; display: inline-block; height: 174px; width: 19px; }
.m2zpCon2 span{ vertical-align: middle; }
.m2zp_itms2 { background: url(/Templates/cn2014/images/m2zp_sicon2.png) no-repeat center 35px; line-height: 50px; height: 174px; width: 352px; border: 2px solid #FFF; font-size: 18px; font-weight: bold; color: #FFF; display: inline-block; border-radius: 0.3em; text-align: center; padding-top: 105px; margin-left: 8%; }
.m2zpCon3 { padding: 62px 0px 35px; }
.m2zp_sb1 { line-height: 44px; text-align: center; display: block; padding-top: 16px; font-size: 18px; color: #666666; }
.m2nSerBox { line-height: 32px; height: 34px; width: 240px; border: 1px solid #BFBFBF; margin-top: -17px; position: absolute; top: 50%; right: 0px; }
.m2nSerInt { padding: 0px 55px 0px 15px; font-size: 14px; line-height: 32px; color: #666; border-width: 0px; border-style: none; height: 32px; width: 100%; background:none; }
.m2nSerBtn { background: #ff8c01 url(/Templates/cn2014/images/serBtn.png) no-repeat center center; height: 34px; width: 40px; display: block; position: absolute; top: -1px; right: -1px; }
.m2nSerBtn:hover { background: #DD2C17 url(/Templates/cn2014/images/serBtn.png) no-repeat center center; }
.page { text-align: center; height: 87px; }
.m2nList { border-bottom: 1px solid #DDDDDD; padding-top: 70px; margin-bottom: 52px; }
.m2nList_aBox { display: block; height: 160px; }
.m2nList ul li { margin-bottom: 70px; }
.m2nList_aBox .overflowHide { height: 160px; width: 360px; float: left; }
.m2nHot { background: url(/Templates/cn2014/images/hot.png) no-repeat; height: 39px; width: 39px; position: absolute; left: 20px; top: 0px; }
.m2nText { margin-left: 492px; position: relative; }
.m2nText .ellipsis { line-height: 36px; display: block; height: 36px; font-size: 18px; font-weight: normal; margin-bottom: 10px; }
.m2nText p { font-size: 14px; line-height: 24px; color: #777777; height: 48px; overflow: hidden; }
.m2nDes { padding: 12px 0px 20px; border-top: 1px solid #ddd; }
.m2nTime { line-height: 24px; font-size: 14px; font-weight: bold; color: #cccccc; text-align: center; width: 60px; position: absolute; left: -96px; top: 4px; padding-top: 50px; }
.m2nTime span { display: block; width: 100%; line-height: 50px; height: 50px; position: absolute; left: 0px; top: 0px; font-size: 56px; font-weight: normal; }
.m2nList_aBox:hover .ellipsis{font-weight:500;}
.m2nList_aBox:hover .hmMore{ color: #FFF; background: #ff8c01; padding-left: 28px; }
.m2nList_aBox:hover .hmMore:before{ width: 100%; }
.m2nList_aBox:hover .hmMore:after{ background: url(/Templates/cn2014/images/hmp3_arrow2.png) no-repeat right center; width: 30px; right: 23px; }
.m2nBack { background: #E4E4E4 url(/Templates/cn2014/images/m2nback.png) no-repeat 36px center; padding-left: 64px; font-size: 16px; font-weight: bold; color: #ff8c01; line-height: 74px; height: 74px; width: 160px; margin-top: -37px; position: absolute; top: 50%; right: 0px; display: block; }
.m2nTop { text-align: center; padding: 50px 0px; border-bottom: 1px solid #ddd; margin-bottom: 58px; position: relative; }
.m2n_bt { font-size: 26px; color: #000000; line-height: 42px; }
.m2nInfo { text-align: center; line-height: 24px; color: #999999; margin-top: 12px; }
.m2nInfo span { margin: 0px 10px; }
.m2nInfo span i { font-size: 16px; margin-right: 4px; }
.m2share { height: 34px; width: 160px; position: absolute; left: 50%; bottom: -19px; margin-left: -80px; text-align: center; font-size: 0px; }
.m2share_a { height: 34px; width: 34px; border: 1px solid #BCBCBC; display: inline-block; font-size: 16px; line-height: 32px; color: #BCBCBC; background: #FFF; border-radius: 50%; margin: 0px 5px; }
.m2share_a:hover{ border: 1px solid #ff8c01; }
.m2nEditor { font-size: 14px; line-height: 28px; color: #777777; padding-bottom: 62px; }
.m2dpage { margin-bottom: 70px; border-top: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3; }
.m2dpage_ul { border-right: 1px solid #D3D3D3; border-left: 1px solid #D3D3D3; }
.m2dpage_ul li { float: left; width: 50%; padding: 0px 60px; }
.m2dpage_ul li:first-child{ border-right: 1px solid #D3D3D3; background: url(/Templates/cn2014/images/m2dpage_icon.png) no-repeat 30px center; }
.m2dpage_a { font-size: 14px; line-height: 70px; height: 70px; color: #888888; }
.m2dpage_ul li:last-child{ text-align: right; background: url(/Templates/cn2014/images/m2dpage_icon2.png) no-repeat right center; }
.m2dpage_ul li:last-child .m2dpage_a{ }
.m2zx_u1 { max-width: 1140px; margin: 0px auto 30px; }
.m2zx_u1 li { margin-bottom: 15px; }
.m2zxItms { text-align: center; font-size: 16px; height: 120px; border: 2px solid #DCDCDC; line-height: 116px; }
.m2zxItms img { margin-right: 18px; }
.m2zxItms img,.m2zxItms text{vertical-align:middle;}
.m2zx_u2 { max-width: 1140px; margin: 0px auto 30px; }
.m2zx_u2 li { margin-bottom: 15px; color: #666; }
.m2zx_dl dt { line-height: 44px; color: #FFF; background: #ff8c01; height: 44px; text-align: center; font-size: 17px; font-weight: 800; }
.m2zx_dl dd { padding: 25px 0px; border-right: 1px solid #BFBFBF; border-bottom: 1px solid #BFBFBF; border-left: 1px solid #BFBFBF; }
.m2zx_dl dd p { float: left; width: 33.3333%; padding-left:6%; height: 30px; font-size: 16px; line-height: 30px; }
.m2zx_dl dd p span{display:inline-block; background: url(/Templates/cn2014/images/m2icon3.png) no-repeat left center; padding-left:13px;}
.m2zxCon2 { background: #f3f3f3; padding-bottom: 60px; }
.m2zx_u3 { max-width: 1100px; margin: 0px auto; position:relative; }
.m2zx_u3:after{ content: ""; height: 100%; background: #ddd; width: 1px; position: absolute; left: 50%; top: 0px; }
.m2zx_u3 li strong { line-height: 54px; height: 54px; font-size: 20px; color: #222222; font-weight: 500; }
.m2zx_u3 li strong span{ background: url(/Templates/cn2014/images/m2zx_icon4.png) no-repeat center center; text-align: right; height: 54px; font: 500 28px/54px Georgia; margin-right: 10px; display: inline-block; padding-left: 20px; color: #ff8c01; }
.m2zx_imgBox { padding: 38px 0px 50px; }
.m2zx_u3 li{padding-left:7.2%;}
.m2xz_caseList ul li { font-size: 18px; line-height: 56px; text-align: center; margin-bottom: 35px; }
.m2hz_menu { text-align: center; padding: 35px 0px 15px; }
.m2hz_menu_a1 { padding: 0px 32px; margin: 0px 6px; line-height: 35px; display: inline-block; height: 37px; border: 1px solid #AAAAAA; border-radius: 0.2em; color: #666666; }
.m2hz_menu_a1:hover,.m2hz_menu_a1.on{ color: #FFF; border: 1px solid #ff8c01; background: #ff8c01; }
.m2hzLogo { padding-bottom: 40px; }
.m2hzLogo .swiper-pagination-bullet{ opacity: 1; height: 12px; width: 12px; background: #FFF; border: 1px solid #A3A3A3; background:none }
.m2hzLogo .swiper-pagination-bullet-active{ opacity: 1; background: #ff8c01; border: 1px solid #ff8c01; }
.m2hzLogo .hmp7Lg{ margin:18px 0}
.m2zp_t1 { font-size: 30px; color: #222; line-height: 52px; text-align: center; padding: 62px 0px 15px; }
.m2zp_p { font-size: 14px; line-height: 30px; color: #777777; text-align: center; margin-bottom: 20px; }
.m2zpTop { margin: 0px auto; max-width: 885px; text-align: center; padding-bottom: 58px; }
.m2zp_send { background: url(/Templates/cn2014/images/m2zp_icon6.png) no-repeat left top; padding-left: 44px; line-height: 32px; font-size: 14px; font-weight: bold; color: #222222; display: inline-block; }
.keUpDownSlide{ margin: 0px auto 70px; border-top: 1px solid #E5E5E5; }
.keUpDownSlide dl dt { line-height: 88px; height:88px; position: relative; font-size: 14px; color: #666666; border-bottom: 1px solid #E5E5E5; transition:all 0.3s ease-in-out; position:relative; }
.keUpDownSlide dl dt:before{ content: ""; height: 0%; width: 100%; position: absolute; top: 50%; left: 0px; background: #ff8c01; transition:all 0.3s ease-in-out; }
/*.keUpDownSlide dl dt:hover:before{ height: 100%; position: absolute; top: 0%; }
.keUpDownSlide dl dt:hover{color:#fff;}
.keUpDownSlide dl dt:hover .m2zp_nm{color:#fff;}
.keUpDownSlide dl dt:hover .keUpDownToggleBtn { background: url(/Templates/cn2014/images/m2zp_micon2.png) no-repeat center center; }*/
.keUpDownSlide dl dt .container{position:relative; height:88px;}
.keUpDownSlide dl dt.on .container:after{ content: ""; height: 0px; width: 0px; border-left:15px solid transparent; border-right:15px solid transparent;  border-top:12px solid #ff8c01; position:absolute; bottom:-11px; left:32px; }
.keUpDownToggleBtn { background: url(/Templates/cn2014/images/m2zp_micon1.png) no-repeat center center; display: block; height: 18px; width: 18px; position: absolute; top: 50%; right: 15px; margin-top: -9px; }
.keUpDownSlide dl dd { color: #777; font-size: 14px; line-height: 30px; padding: 30px 25px 45px; border-right: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; border-left: 1px solid #f4f4f4; display: none; }
.keUpDownSlide dl dt.on { color: #FFF; background: #ff8c01; }
.keUpDownSlide dl dt.on .keUpDownToggleBtn { background: url(/Templates/cn2014/images/m2zp_micon2.png) no-repeat center center; }
.m2zp_nm { float: left; width: 265px; font-size: 18px; color: #000; transition:all 0.3s ease-in-out }
.keUpDownSlide dl dt.on .m2zp_nm{color:#fff;}

@media (min-width:768px){

.hmp8_xiu li { padding: 0; width:25%; }


.hmPage1.active .txt .cen h1{
    opacity: 1;
    transform: translate(0px,0px);
    transition-delay: 0.3s;
}
.hmPage1 .txt .cen h1{
    opacity: 0;
    transform: translate(0,600px);
    transition: all 0.3s ease-in-out;
}
.hmPage1.active .txt .cen p{
    opacity: 1;
    transform: translate(0px,0px);
    transition-delay: 0.4s;
}
.hmPage1 .txt .cen p{
    opacity: 0;
    transform: translate(0,600px);
    transition: all 0.3s ease-in-out;
}
.hmPage1.active .txt .cen .xian{
    opacity: 1;
    transform: translate(0px,0px);
    transition-delay: 0.6s;
}
.hmPage1 .txt .cen .xian{
    opacity: 0;
    transform: translate(0,600px);
    transition: all 0.3s ease-in-out;
}

.hmPage3.active .txt .cen h1{
    opacity: 1;
    transform: translate(0px,0px);
    transition-delay: 0.3s;
}
.hmPage3 .txt .cen h1{
    opacity: 0;
    transform: translate(0,600px);
    transition: all 0.3s ease-in-out;
}
.hmPage3.active .txt .cen p{
    opacity: 1;
    transform: translate(0px,0px);
    transition-delay: 0.4s;
}
.hmPage3 .txt .cen p{
    opacity: 0;
    transform: translate(0,600px);
    transition: all 0.3s ease-in-out;
}
.hmPage8.active .hmPage8_wap ul{
    opacity: 1;
    transform: translate(0px,0px);
    transition-delay: 0.6s;
}
.hmPage8 .hmPage8_wap ul{
    opacity: 0;
    transform: translate(0,50px);
    transition: all 0.3s ease-in-out;
}


.hmPage2 .hmp2_t1{opacity:0; transform:translate(0,-200px); transition:all 0.3s ease-in-out;}
.hmPage2.active .hmp2_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.2s;}
.hmPage2 .hmp2_t2{opacity:0; transform:translate(0,-200px); transition:all 0.3s ease-in-out;}
.hmPage2.active .hmp2_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmPage2 .hmp2_p1{opacity:0; transform:translate(0,-200px); transition:all 0.3s ease-in-out;}
.hmPage2.active .hmp2_p1{ opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmPage2 .hmp2_ul li{opacity:0; transform:translate(0px,200px); transition:all 0.3s ease-in-out;}
.hmPage2 .hmp2_ul li:nth-child(2n){ transform:translate(0px,-200px);}
.hmPage2.active .hmp2_ul li{ opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.hmPage3.active .hmPage3L{ animation-duration: 1s; animation-fill-mode: both; animation-name: fadeIn; }
.hmPage3.active .hmPage3R{ animation-duration: 1s; animation-fill-mode: both; animation-name: fadeIn;}
.hmPage3 .hmp3_t1{opacity:0; transform:translate(0,-200px); transition:all 0.3s ease-in-out;}
.hmPage3.active .hmp3_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.2s;}
.hmPage3 .hmp3_t2{opacity:0; transform:translate(0,-200px); transition:all 0.3s ease-in-out;}
.hmPage3.active .hmp3_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.4s;}
.hmPage3 .hmp3Des{opacity:0; transform:translate(0,-200px); transition:all 0.3s ease-in-out;}
.hmPage3.active .hmp3Des{ opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}
.hmPage3 .hmp3MoreBox{opacity:0; transform:translate(0,-200px); transition:all 0.3s ease-in-out; display:inline-block;}
.hmPage3.active .hmp3MoreBox{ opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.hmPage4 .hmp2_t1{opacity:0; transform:translate(0,-200px); transition:all 0.3s ease-in-out;}
.hmPage4.active .hmp2_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.2s;}
.hmPage4 .hmp2_t2{opacity:0; transform:translate(0,-200px); transition:all 0.3s ease-in-out;}
.hmPage4.active .hmp2_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmPage4 .hmp2_p1{opacity:0; transform:translate(0,-200px); transition:all 0.3s ease-in-out;}
.hmPage4.active .hmp2_p1{ opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmp4_ul li:nth-child(1){opacity:0; transform:translate(0px,50px); transition:all 0.3s ease-in-out;}
.hmPage4.active .hmp4_ul li:nth-child(1){opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}
.hmp4_ul li:nth-child(2){opacity:0; transform:translate(0px,50px); transition:all 0.3s ease-in-out;}
.hmPage4.active .hmp4_ul li:nth-child(2){opacity:1; transform:translate(0px,0px); transition-delay:0.8s;}
.hmp4_ul li:nth-child(3){opacity:0; transform:translate(0px,50px); transition:all 0.3s ease-in-out;}
.hmPage4.active .hmp4_ul li:nth-child(3){opacity:1; transform:translate(0px,0px); transition-delay:1s;}
.hmp4_ul li:nth-child(4){opacity:0; transform:translate(0px,50px); transition:all 0.3s ease-in-out;}
.hmPage4.active .hmp4_ul li:nth-child(4){opacity:1; transform:translate(0px,0px); transition-delay:1.2s;}
.hmPage5 .hmp2_t1{opacity:0; transform:translate(0,-200px); transition:all 0.3s ease-in-out;}
.hmPage5.active .hmp2_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.2s;}
.hmPage5 .hmp2_t2{opacity:0; transform:translate(0,-200px); transition:all 0.3s ease-in-out;}
.hmPage5.active .hmp2_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmPage5 .hmp3_t1{opacity:0; transform:translate(0,-200px); transition:all 0.3s ease-in-out;}
.hmPage5.active .hmp3_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmPage5 .hmp3_t2{opacity:0; transform:translate(0,-200px); transition:all 0.3s ease-in-out;}
.hmPage5.active .hmp3_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}
.hmPage5 .hmp5_p1{opacity:0; transform:translate(0,-200px); transition:all 0.3s ease-in-out;}
.hmPage5.active .hmp5_p1{ opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.hmPage5.active .hmp5_u1{opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
.hmPage5R li:nth-child(1){opacity:0; transform:translate(0,-200px); transition:all 0.3s ease-in-out;}
.hmPage5.active li:nth-child(1){ opacity:1; transform:translate(0px,0px); transition-delay:0.8s;}
.hmPage5R li:nth-child(2){opacity:0; transform:translate(0,-200px); transition:all 0.3s ease-in-out;}
.hmPage5.active li:nth-child(2){ opacity:1; transform:translate(0px,0px); transition-delay:0.8s;}

.hmPage6.active .hmp6_icon1{ animation-duration: 1s; animation-delay:0s; animation-fill-mode: both; animation-name: fadeInDown; }
.hmPage6.active .hmp6_icon2{ animation-duration: 1s; animation-delay:0.2s; animation-fill-mode: both; animation-name: fadeInLeft; }
.hmPage6.active .hmp6_icon3{ animation-duration: 1s; animation-delay:0.4s; animation-fill-mode: both; animation-name: fadeInUp; }
.hmPage6.active .hmp6_icon4{ animation-duration: 1s; animation-delay:0.2s; animation-fill-mode: both; animation-name: fadeInRight; }
.hmPage7.active .hmPage7L{ animation-duration: 1s; animation-delay:0s; animation-fill-mode: both; animation-name: fadeInDown;}
.hmPage7.active .hmPage7R{ animation-duration: 1s; animation-delay:0s; animation-fill-mode: both; animation-name: fadeInUp;}
.hmPage7 .hmp3_t1{opacity:0; transform:translate(0,-200px); transition:all 0.3s ease-in-out;}
.hmPage7.active .hmp3_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmPage7 .hmp3_t2{opacity:0; transform:translate(0,-200px); transition:all 0.3s ease-in-out;}
.hmPage7.active .hmp3_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}
.hmPage7 .hmp7_p1{opacity:0; transform:translate(0,-200px); transition:all 0.3s ease-in-out;}
.hmPage7.active .hmp7_p1{ opacity:1; transform:translate(0px,0px); transition-delay:0.8s;}
.hmPage7 .hmp7_bom{opacity:0; transform:translate(0,-200px); transition:all 0.3s ease-in-out;}
.hmPage7.active .hmp7_bom{ opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
.hmPage7 .hmp7LgList{opacity:0; transform:translate(0,-200px); transition:all 0.3s ease-in-out;}
.hmPage7.active .hmp7LgList{ opacity:1; transform:translate(0px,0px); transition-delay:1s;}
.hmPage8 .hmp2_t1{opacity:0; transform:translate(0,-200px); transition:all 0.3s ease-in-out;}
.hmPage8.active .hmp2_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.2s;}
.hmPage8 .hmp2_t2{opacity:0; transform:translate(0,-200px); transition:all 0.3s ease-in-out;}
.hmPage8.active .hmp2_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmPage8 .hmp2_p1{opacity:0; transform:translate(0,-200px); transition:all 0.3s ease-in-out;}
.hmPage8.active .hmp2_p1{ opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.hmp8_newsList li{opacity:0; transform:translate(0px,50px); transition:all 0.3s ease-in-out;}
.hmPage8.active .hmp8_newsList li{opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}

.hmPage9 .hmp3_t1{opacity:0; transform:translate(0,-200px); transition:all 0.3s ease-in-out;}
.hmPage9.active .hmp3_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.2s;}
.hmPage9 .hmp3_t2{opacity:0; transform:translate(0,-200px); transition:all 0.3s ease-in-out;}
.hmPage9.active .hmp3_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.4s;}
.hmPage9 .hmp3_adrInfo{opacity:0; transform:translate(0,-200px); transition:all 0.3s ease-in-out;}
.hmPage9.active .hmp3_adrInfo{ opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}
.hmPage9 .hmp9Map{opacity:0; transform:translate(50px,0px); transition:all 0.3s ease-in-out;}
.hmPage9.active .hmp9Map{ opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
.hmPage9 .hmp9Bom{opacity:0; transform:translate(0px,50px); transition:all 0.3s ease-in-out;}
.hmPage9.active .hmp9Bom{ opacity:1; transform:translate(0px,0px); transition-delay:1.1s;}
.hmBomItms{ transform:translate(50px, 0px); opacity:0; transition:all 0.3s ease-in-out;}
.active .hmBomItms{ transform:translate(0px, 0px); opacity:1; transition-delay:1s;}
}

@media (max-height:799px){
.page-wrapper .container{padding-top:40px;}
.page-wrapper .center{transform: scale(0.6);}
.hmp2_t1 {font-size: 30px;height: 46px;line-height: 46px;}
.hmp2_t2 {font: normal 15px/16px Arial;padding-bottom: 18px;}
.hmp3_t1 {font-size: 30px;line-height: 46px;}
.hmp3_t2 {font: normal 15px/16px Arial;height: 40px;}
.hmp6_t1 {font-size: 30px;height: 46px;line-height: 46px;}
.hmp6_t2 {font: bold 36px/42px Arial;padding-bottom: 18px;}
.hmP3Txt{ padding:0 18%;}
.hmP7Lbox{left:12%; right:20%;}
.hmp6_icon1{background-size:80% auto; background-position:center top;}
.hmp6_icon3{background-size:80% auto; background-position:center bottom;}
}

@media (max-height:749px){
.page-wrapper .container{padding-top:20px;}
.page-wrapper .center{transform: scale(0.55);}
.hmP3Txt{ padding:0 16%;}
.hmP7Lbox{left:18%; right:18%;}
.hmp5Itms{left:10%;}
.hmp5Txt{margin-left:100px;}
.hmp5Txt p{margin-bottom:18px;}
.hmp6_icon1{background-size:70% auto;}
.hmp6_icon3{background-size:70% auto;}
.hmp9Top{margin-bottom:16px;}
}

@media (max-height:699px){
.hmFocus .swiper-pagination{bottom:25px;}
.hmp2_t1 {font-size: 28px;height: 40px;line-height: 40px;}
.hmp2_t2 {font: normal 15px/16px Arial;padding-bottom: 12px;}
.hmp3_t1 {font-size: 28px;line-height: 40px;}
.hmp3_t2 {font:normal 15px/16px Arial;height: 50px;}
.hmp6_t1 {font-size: 28px;line-height: 40px;}
.hmp6_t2 {font: normal 15px/16px Arial;height: 50px;}
.hmP3Txt{ padding:0 12%;}
.hmP7Lbox{left:15%; right:15%;}
.hmp2_p1 {margin-top: 18px;min-height: 72px;padding-bottom: 10px;}
.hmp7Lg{margin:15px 0;}
.hmp3Des{max-height:366px; overflow:hidden; margin-bottom:15px;}
.hmp7_t1{margin-top:20px;}
}

@media (max-height:649px){
.page-wrapper .center{transform: scale(0.48);}
.hmp2_t1 {font-size: 24px;height: 32px;line-height: 32px;}
.hmp2_t2 {font: normal 15px/16px Arial;padding-bottom: 8px;}
.hmp3_t1 {font-size: 24px;line-height: 32px;}
.hmp3_t2 {font: normal 15px/16px Arial;height: 40px;}
.hmp6_t1 {font-size: 24px;line-height: 32px;}
.hmp6_t2 {font:normal 15px/16px Arial;height: 40px;}
.hmP3Txt{ padding:0 9%;}
.hmp5_p1 {margin-bottom: 15px;min-height: 148px;padding: 18px 0;}
.hmp5_u1 li {margin-top: 10px;}
.hmp5Txt p{ height:104px; overflow:hidden}
.hmp5Txt strong{font-size:24px; margin-bottom:10px;}
.hmp6_icon1{background-size:50% auto;}
.hmp6_icon3{background-size:40% auto;}
.hmp7Lg{margin:12px 0;}
.hmp8_ul{padding-top:30px;}
.hmp3_adrInfo p{margin-bottom:0;}
.hmp3_adrInfo{padding-top:18px;}
.hmBomItms{top:-10px;}
.hmp8_xiu li { padding: 0; width:25%; }
}
@media (max-width:1699px){
.hmp6_icon2{background-size:60% auto; background-position:left center;}
.hmp6_icon4{right:60px;background-size:70% auto; background-position:right center;}
.hmP7Lbox{left:15%; right:15%;}
}
@media (max-width:1399px){
	.hmp5_u1 li {
    width: calc(100%/3 - 10px);
    margin-right: 15px;
}
	.login_wen{ display:none;}
	.hmp2_ul {
    margin: 80px -40px 60px;}
	.hmPage2Bg{
		height:45%;}
	.hmPage2Box{
		margin-top:2%;}
	.swiper-slide1 .hmp4desc{ margin:20px auto;}
	.hmPage5 .hmp5_u1 li .hmp5desc{ margin:10px 0 20px; line-height:22px;}
.hmp6_icon2{background-size:40% auto;}
.hmp6_icon4{background-size:50% auto;}
.hmp3_t1{margin-top:0;}
.hmp3_t2{font-size:14px;}
	.navbar-collapse.collapse .xian{ display:none;}
	.sub-icon-search{ display:none;}
	.research{ display:none;}
	.login{ display:none;}
	.lan{ display:none;}

}
@media (max-width:1199px){
.hmp6_icon2{display:none;}
.hmp6_icon4{display:none;}
.hmp2Itms_a{height:136px; width:136px;}
.hmp2_ul li{height:136px; width:136px; margin-left:30px; margin-right:30px;}
.hmp5Txt p{ height:104px; overflow:hidden}
.hmp8Txt p{margin-bottom:15px;}
.hmp9Map{top:5%; right:10%;}
nav.navbar.bootsnav ul.nav > li{margin:0 5px;}
.m2caseTop li{padding:0 15px;}
.m2caseTop{margin:0 -15px;}
.m2subMenu_a{padding-left:25px; padding-right:25px;}
.m2caseMenu_a1{padding:0 25px;}
}
@media (max-width:1099px){

}
@media (max-width:992px){
	.page-wrapper{
		display:none;
		}
	.div_hide{
		display:none;}
	.ban2,.ban3{
		display:none;}
		.hmFocus .swiper-pagination{
			display:none;}
	.lan1{
	display:block!important;
	}
	.hmp8_xiu li { padding: 0!important; margin:0!important; width:25%;}
.planet-big{width:100%;}
.page-wrapper .center {transform: scale(0.7);}
.page-wrapper{top:16%;}
.hmPage2 .hmp2_ul li.hmp2Empty{display:none;}
.hmP3Txt {padding: 0 14% 0 6%;}
.hmp4_ul li{margin-bottom:20px; padding-left:15px; padding-right:15px;}
.hmp4_ul{margin-left:-15px; margin-right:-15px;}
.hmP5Lbox{left:6%; right:6%;}
.hmp5Itms{left:4%; right:8%;}
.hmp5Txt p{height:auto;}
.hmp5Txt{margin-left:100px;}
.hmp6_icon1{background-size:70% auto; background-position:center top;}
.hmp6_icon3{background-size:60% auto; background-position:center bottom;}
.hmp6_w1 { width: 50%; text-align:center;}
.hmp6_w2 { width: 50%; text-align:center; border-right:none; }
.hmp6_w3 { width: 50%; text-align:center;}
.hmp6_w4 { width: 50%; text-align:center }
.hmP7Lbox{left:6%; right:6%;}
.hmP7Rbox{left:4%; right:8%;}
.hmp8_more{right:30px;}
.hmp8_ul li{margin-bottom:90px; padding-left:15px; padding-right:15px;}

.hmp8_ul{margin-left:-15px; margin-right:-15px;}
.hmp8_ul li:last-child{display:none;}
.hmp7_t1{margin-top:20px;}
.hmp2_t1 {font-size: 24px;height: 32px;line-height: 32px;}
.hmp2_t2 {font: normal 15px/16px Arial;padding-bottom: 8px;}
.hmp3_t1 {font-size: 24px;line-height: 32px;}
.hmp3_t2 {font: normal 15px/16px Arial;height: 30px;}
.hmp6_t1 {font-size: 24px;line-height: 32px;}
.hmp6_t2 {font: normal 15px/16px Arial;height: 40px;}
.hmPage5R{ position:static; }
nav.navbar.bootsnav ul.nav{padding-left:0px;}
.m2caseMenu_a1{margin-bottom:12px;}
.hmp7Dlbox{width:100%;}
.hmp9Map{top:5%; right:10%;}
.hmBomItms{top:45px;}
.hmp9Top{padding-right:245px;}
.m2caseIcon{right:30%;}
.m2caseIconBox{padding-top:25px; padding-bottom:25px;}
.m2YYSwiper{width:580px;}
.m2subMenu_a{padding-left:20px; padding-right:20px; font-size:15px;}
.m2fw_dl{width:100%;}
.m2fw_u1 li:nth-child(3) .m2fw_dl{width:100%;}
.m2fw_ells{width:100%; padding-left:12px;}
.m2fwc1box{padding-right:380px;}
.m2fwCon2 .m2fwc1box{padding-left:395px;}
.m2fw_u3 li{padding-left:15px; padding-right:15px;}
.m2fw_u3{margin-left:-15px; margin-right:-15px;}
.m2fw_u3txt strong{font-size:18px;}
.m2fw_u3txt{padding:0 15px;}
.m2fw_u4 li{width:33.33%;}
.m2ksItms_u1 li{padding-left:15px; padding-right:15px;}
.m2ksItms_u1{margin-left:-15px; margin-right:-15px;}
.m2jm li{padding-left:15px; padding-right:15px;}
.m2jm{margin-left:-15px; margin-right:-15px;}
.m2lx_u1 li{padding-left:15px; padding-right:15px;}
.m2lx_u1{margin-left:-15px; margin-right:-15px;}
.m2zp_itms1,.m2zp_itms2{margin-right:auto; margin-left:auto;}
.m2zpItmsIcon{display:block; margin:0 auto; transform:rotate(90deg)}
.m2nList_aBox .overflowHide{width:260px;}
.m2nText{margin-left:372px;}
}

@media (min-width: 768px) and (max-width: 992px) {
.m2usCon3 .hmp2_ul li:nth-child(5),.m2usCon3 .hmp2_ul li:nth-child(6),.m2usCon3 .hmp2_ul li:nth-child(7){margin-left:35px; margin-right:35px;}
.m2usCon3 .hmp2_ul li:nth-child(5){position:relative; left:11px;}
.m2usCon3 .hmp2_ul li:nth-child(7){position:relative; right:10px;}
}
@media (max-width:1509px){
	nav.navbar.bootsnav ul.nav > li > a{ font-size:14px;}
	.lan {right: 220px!important;}
}
@media (min-width: 1510px) and (max-width:1609px){
	.lan {
    right: 206px!important;
	}
	}
@media (min-width: 1610px) and (max-width:1700px){
	.lan {
    right: 230px!important;
	}
	}
@media (max-width:599px){
	.hmPage1{height:400px!important;}
.hmFocus{height:400px!important;}
}
@media (max-width:499px){
	.hmPage1{height:350px!important;}
.hmFocus{height:350px!important;}
}
@media (max-width:399px){
	.hmPage1{height:300px!important;}
.hmFocus{height:300px!important;}
}
@media (min-width:599px) and (max-width:996px){
.hmPage1{height:500px!important;}
.hmFocus{height:500px!important;}
}
@media (max-width:996px){
	.gx_gy {
    display: none;
}
.leo_ph_nav {
    background: #fff;
}
nav.navbar.bootsnav.navbar-fixed {
    display: none;
}
	.header2{
		display: block;
	}
.hmp6_w3>img:nth-child(2){
	display:none;}
.hmp6_w3>img:nth-child(3){
	display:none;}
.planet-big-content{ margin-left: -75%!important; width: 150%!important;}
	.lan{ display:none;}
	.hmp6_w3{ margin-left:0; margin-bottom:60px;}
	.hmp6_w3>img{ margin:30px 10px 0; width:100%;}
	.hmPage5_wap{ display:block}
	.swiper-container3{display:none;}
	.hmPage8_wap{ display:block}
	.container2{ display:none;}
	.hmp5_u1 li{ width:100%; margin-right:0; margin-top:30px;opacity: 1!important; transform: translate(0,0)!important;}
	.hmPage5 .hmp5_u1 li .hmp5desc{ padding:0 22px; margin:20px 0 30px;}
	.hmp8_xiu li { padding: 0!important; margin:0!important; width:50%;}
	.case{ position:unset; bottom:0;}
	
#sliderMenu{display:none;}
.hmPage1.fp-section{height:auto!important;}
.hmPage2.fp-section{height:auto!important;}
.hmPage3.fp-section{height:auto!important;}
.hmPage4.fp-section{height:auto!important;}
.hmPage5.fp-section{height:auto!important;}
.hmPage7.fp-section{height:auto!important;}
.hmPage8.fp-section{height:auto!important;}

.fp-tableCell{height:auto!important;}
.page-wrapper .center {transform: scale(0.5);}
.hmPage2{padding-top:50px; padding-bottom:70px;}
.hmp2_ul li:nth-child(1),.hmp2_ul li:nth-child(4){margin-left:40px; margin-right:40px;}
.hmp2_ul li:nth-child(7) .hmp2Itms_a {background:none; border:2px solid #bbbbbb;}
.hmp2_ul{ margin-left:-15px; margin-right:-15px; padding-top:50px; padding-bottom:50px; overflow:hidden; width:350px; margin:0 auto;}
.hmp2_ul li{width:110px; height:110px;}
.hmp2Itms_a{width:110px; height:110px;}
.hmp2ItmsTxt{padding-top:12px;}
.hmp2ItmsTxt p{line-height:20px; font-size:12px;}
.hmp2ItmsTxt strong{height:40px; line-height:40px; font-size:21px;}
.hmPage2Box{overflow:hidden;}
.hmPage3L{width:100%; height:320px; overflow:hidden; float:none}
.hmPage3R{width:100%; height:auto; position:relative;}
.hmP3Txt{position:static; transform:translateY(0);padding-left:15px; padding-right:15px; padding-bottom:60px; padding-top:50px;}
.hmPage5L{width:100%; float:none; height:auto;}
.hmPage5R{width:100%; float:none; padding-top:0; padding-left:15px; padding-right:15px;}
.hmP5Lbox{position:static; padding-left:15px; padding-right:15px; transform:translateY(0)}
.hmp4_ul li{padding-left:5px; padding-right:5px; margin-bottom:10px;}
.hmp4_ul li .hmp4Icon>img{
	width:25%;
	max-width:95px;
	margin:0 auto 20px;
	}
.hmp4Box{position:static; transform:translateY(0);}
.hmp4_ul{margin-left:-5px; margin-right:-5px; margin-top:22px;}
.hmp4Wrpper{padding-top:50px; padding-bottom:50px;}
.hmp4LayTxt{left:10%; right:10%;}
.hmp4LayTxt .list{
	width:100%;
	}
.hmp4LayTxt .list>li{
	border-bottom:1px solid #fff;
	height:40px;
	line-height:40px;
	margin-bottom:0;
	}
.hmp4LayTxt .list>li:last-child{
	border:none;
	}
.hmp4LayTxt .list>li a{
	font-size:15px;
	display:block;
	color:#fff;
	}
.hmp4_t1,.hmp3_t1{margin-top:0; margin-bottom:10px;}
.hmp5_u1{padding-bottom:50px;}
.hmp5Itms{position:static; transform:translateY(0);}
.hmPage5R li{padding-top:50px; padding-bottom:50px;}
.hmp6_t1{margin-top:0;}
.hmp6Wrapper{padding-top:80px; padding-bottom:80px; overflow:hidden; width:100%; height:300px!important;}
.hmp6_w1,.hmp6_w2,.hmp6_w3,.hmp6_w4{width:100%; border-right:none}
.hmPage7L{width:100%; float:none;}
.hmP7Lbox{position:static; transform:translateY(0); padding:50px 15px;}
.hmPage7R{width:100%; float:none;}
.hmP7Rbox{position:static; transform:translateY(0); padding-bottom:50px;}
.hmp7Layer{display:none!important;}
.hmp7_dl dd{display:none; margin-bottom:15px;}
.hmp7LgList{padding-top:20px;}
.hmPage8{padding-top:50px; padding-bottom:60px;}
.hmp8_ul{padding-bottom:50px;}
.hmp8_more{bottom:0px; left:50%; right:auto; margin-left:-57px; top:auto;}
.hmp9Top{padding-right:0; padding-top:50px;}
.hmp9Map{top:2%; right:10%;}
.hmp9Bom{padding-bottom:150px;}
.ui-spinner{bottom:10%;}
.hmWel_logo{transform:scale(0.6);}
.hmWel_nt{font-size:24px; padding:0 20px}
.hmWel_t{margin-top:25px; margin-bottom:15px;}
.hmPage5R li:last-child{margin-left:-15px; margin-right:-15px; padding-left:15px; padding-right:15px;}
.hmp6_icon1 { width:100%; margin-left:0; transform:translateX(-50%) }
.hmp6_icon3 { width:100%; margin-left:0; transform:translateX(-50%) }
.hmp3Des{max-height:inherit;}
.hmp9Map{display:block;}
.hmBomItms{position:static; margin-left:auto; margin-right:auto; margin-top:35px;}
.m2case_menu{padding-bottom:0;}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{color:#fff;}
.rMneu{display:none;}
.m2usCon3 .hmp2_ul li:nth-child(7){margin-left: 40px;margin-right: 40px;}
.m2ban_t1 {font-size: 26px;line-height: 38px;}
.m2ban_t2 {font-size: 22px;line-height: 30px; font-weight:500;}
.m2banTxt i{margin-top:8px;}
.m2banTxt{padding-top:20px!important;}
.m2ban{height:320px;}
.m2posItms{padding-right:0;}
.m2caseIcon {right: 15%;}
.m2case_t1{font-size:22px;}
.m2comImg{width:100%; margin-right:0; margin-bottom:15px;}
.m2comImg img{width:100%; height:auto; display:block;}
.m2usBtnL,.m2usBtnR{display:none;}
.m2YYSwiper{width:100%;}
.m2YYSwiper:before,.m2YYSwiper:after{display:none;}
.m2yySbox{padding-left:15px; padding-right:15px;}
.m2usSwiper .swiper-pagination .swiper-pagination-bullet{margin:0 7px;}
.m2yyStxt{font-size:16px; line-height:30px;}
.m2usSwiper{ background:none;}
.m2subMenu{ margin-top:0; padding-top:15px; margin-bottom:0px; height:auto; line-height:0; padding-bottom:5px;}
.m2subMenu_a{color:#333; line-height:36px; height:36px; white-space:nowrap; margin-bottom:10px; border:none; margin-left:2px; margin-right:2px;}
.m2fwc1box{padding-right:0;}
.m2fwImgIcon1,.m2fwCon2 .m2fwImgIcon1,.m2fwCon3 .m2fwImgIcon1{position:static; transform:translateY(0); max-width:100%; display:block; margin-left:auto; margin-right:auto; height:auto; margin-top:25px;}
.m2fwc1box strong{font-size:24px;}
.m2fwCon1,.m2fwCon2 {padding:58px 0 80px;}
.m2fwCon2 .m2fwc1box{padding-left:0;}
.m2fw_u2 li{width:100%;}
.m2fw_bt1{font-size:24px;}
.m2fw_u3 li{width:100%;}
.m2fw_u4 li{width:100%;}
.m2fw_u4 p{width:auto; height:auto;}
.m2fw2Con1 ul li{width:100%;}
.m2ks_u1 li{width:50%;}
.m2ksBomBox{height:auto; padding-left:0; padding-top:68px; padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:35px;}
.m2ksBomBox:after{content:""; display:table; clear:both;}
.m2ksBom_t{width:100%; height:58px; padding:18px 0;}
.m2ksBom_ul{margin-left:-15px; margin-right:-15px;}
.m2ksBom_ul li{margin-bottom:15px;}
.m2jmDes{height:auto!important;}
.m2lx_t1{font-size:24px;}
.m2zp_u1{text-align:center;}
.m2zp_u1 li{width:50%; display:inline-block}
.m2zp_itms1,.m2zp_itms2{ width:100%; font-size:16px;}
.m2nSerBox{right:auto; left:50%; top:auto; bottom:-50px; transform:translateX(-50%)}
.m2nPosBox{padding-bottom:50px;}
.m2nList_aBox .overflowHide{width:100%; float:none; margin-bottom:15px;}
.m2nText{margin-left:0;}
.m2nList_aBox{height:auto;}
.m2nList ul li{margin-bottom:45px;}
.m2nText p{height:auto;}
.m2posBox2{padding-bottom:70px;}
.m2nBack{height:52px; line-height:52px; left:50%; right:auto; transform:translateX(-50%); top:auto; bottom:-75px;}
.m2n_bt{font-size:22px; line-height:36px;}
.m2nInfo span{ white-space: nowrap; display: inline-block; }
.m2dpage_ul li{width:100%; line-height:50px; height:50px; padding-right:0!important; padding-left:28px!important; background-position:left center!important;}
.m2dpage_ul li:first-child,.m2dpage_ul{border:none;}
.m2dpage_ul li:last-child{ background: url(/Templates/cn2014/images/m2dpage_icon.png) no-repeat 30px center; text-align:left; }
.m2dpage_a{height:50px; line-height:50px;}
.m2hz_menu_a1{margin-bottom:10px;}
.m2zx_u3:after{display:none;}
.m2zx_imgBox{height:auto!important;}
.m2zx_u3 li{margin-bottom:10px;}
.m2zx_u3 li strong{font-size:18px;}
.m2zx_dl dd p{font-size:13px; width:50%;}
.m2zp_t1{font-size:26px;}
.m2zp_nm{font-size:17px;}
.keUpDownSlide dl dd { padding: 25px 15px 25px;}
.keUpDownSlide dl dt { line-height: 68px; height:68px;}
.keUpDownSlide dl dt .container{position:relative; height:68px;}

#hmPage4_hide{ display:block; width:100%!important;}
#hmPage4_pc{ display:none;}

}

@media (max-width:370px){
	
.hmp2_ul{ transform:translateX(-10px);}
.m2usCon3 .hmp2_ul{ position:relative; left:-10px;}
}
@media (max-width:359px){
.hmp2_ul{ transform:translateX(-30px);}
.m2usCon3 .hmp2_ul{ position:relative; left:-30px;}
.m2ks_u1 li{width:100%;}
}

/*2016-11-3 CSS*/
.f-cb { zoom: 1; }
.f-cb:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.por { position: relative; }
.poa { position: absolute; }
.pof { position: fixed; }
.poa-f { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.ovh { overflow: hidden; }
.noselect { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
.z1 { z-index: 1; }
.z2 { z-index: 2; }
.dn { display: none; }
.dib { display: inline-block; }
.w-f { width: 100%; }
.h-f { height: 100%; }
.fwn { font-weight: normal; }
.t-f { transition: all 0.3s; }
.t-c { transition: color 0.3s; }
.t-bg { transition: background 0.3s; }
.tac { text-align: center; }
.a-part .main { left: 50%; top: 50%; width: 780px; margin-left: -390px; }
.about-fi { top: -95px; margin-bottom: -95px; }
.about-fi .tips { top: 20px; margin-bottom: 48px; font-size: 20px; line-height: 40px; color: #de0010; text-align: center; filter: alpha(opacity=0); opacity: 0; }
.about-fi .tips span { display: inline-block; left: 50%; bottom: -15px; width: 26px; height: 1px; background: #ce0211; margin-left: -13px; }
.about-fi .detail { font-size: 14px; line-height: 28px; color: #e0e0e0; text-align: center; filter: alpha(opacity=0); opacity: 0; }
.about-fi .detail p.fz20 { font-size: 20px; line-height: 38px; color: #ce0211; }
.about-fi .detail p.fz20.mb28 { margin-bottom: 28px; }
.about-fi .btns { filter: alpha(opacity=0); opacity: 0; }
.about-fi .btns span { display: inline-block; width: 39px; height: 38px; cursor: pointer; }
.about-fi .btns span.btn {  margin: 46px 13px 0; }
.about-fi .btns span.prev.hover { background-position: center 40%; }
.about-fi .btns span.next.hover { background-position: center 60%; }
.about-se img.shadow { left: 150%; top: 0; width: 1120px; margin-left: -155px; }
.about-se li { position: relative; left: 535px; width: 535px; height: 77px; margin-bottom: 30px; color: #fff; filter: alpha(opacity=0); opacity: 0; }
.about-se li.fi { margin-left: 309px; }
.about-se li.se { margin-left: 345px; }
.about-se li.th { margin-left: 381px; }
.about-se li.fo { margin-left: 417px; }
.about-se li .num { width: 77px; height: 77px; border-radius: 50%; background: #fff; font: 36px/77px Arial; color: #e1000b; text-align: center; }
.about-se li .detail { width: 421px; }
.about-se li p { filter: alpha(opacity=75); opacity: 0.75; }
.about-se li p.t { margin-bottom: 3px; font-size: 18px; line-height: 30px; filter: alpha(opacity=100); opacity: 1; }
.about-th .name { background-image: url(/Templates/cn2014/images/name03.png); }
.about-th .main { width: 1004px; margin-left: -502px; }
.about-th .shadow { left: 50%; top: 614px; width: 1330px; height: 188px; background: url(/Templates/cn2014/images/bg_shadow01.png) no-repeat; margin-left: -694px; filter: alpha(opacity=0); opacity: 0; }
.about-th .imgs { perspective: 500px; }
.about-th .imgs img { position: relative; left: 307px; transform-style: preserve-3d; filter: alpha(opacity=0); opacity: 0; }
.about-th .rotate7 { margin: 0 -2px; animation: Rotate 0.3s forwards; }
@keyframes Rotate {  100% {
 transform: rotateY(7deg);
}
}
.about-th .rotate8 { margin: 0 -2px; animation: RotateE 0.3s forwards; }
@keyframes RotateE {  100% {
 transform: rotateY(-8deg);
}
}
.about-th .rotate10 { margin: 0 -2px; animation: RotateT 0.3s forwards; }
@keyframes RotateT {  100% {
 transform: rotateY(10deg);
}
}
.about-th .rotate11 { margin: 0 -2px; animation: Rotate-n 0.3s forwards; }
@keyframes Rotate-n {  100% {
 transform: rotateY(-11deg);
}
}
.about-th .titles { left: 0; top: 0; filter: alpha(opacity=0); opacity: 0; }
.about-th .titles li { top: 171px; height: 575px; }
.about-th .titles li.fi { left: 0; width: 307px; }
.about-th .titles li.se { left: 307px; width: 195px; }
.about-th .titles li.th { left: 502px; width: 221px; }
.about-th .titles li.fo { left: 723px; width: 281px; }
.about-th .titles .box { height: 234px; padding: 40px 0 0 13px; font-size: 16px; line-height: 24px; color: #fff; }
.about-th .titles .box.w294 { width: 294px; }
.about-th .titles .box.w182 { width: 182px; }
.about-th .titles .box.w208 { width: 208px; }
.about-th .titles .box.w268 { width: 268px; }
.about-th .titles .box.t { height: 261px; }
.about-th .titles p { filter: alpha(opacity=80); opacity: 0.8; }
.about-th .titles p.en { margin-bottom: 12px; font: 22px/30px Arial; text-transform: uppercase; filter: alpha(opacity=100); opacity: 1; }
.about-th .titles .line { margin-left: 3px; width: 23px; height: 1px; background: #fff; filter: alpha(opacity=80); opacity: 0.8; }
.about-fo .name { background-image: url(/Templates/cn2014/images/name16.png); }
.about-fo .title { width: 178px; }
.about-fo .main { width: 980px; margin-left: -490px; top:0!important }
.about-fo .detail { height: 250px; margin-top: 100px; filter: alpha(opacity=0); opacity: 1; }
.about-fo .btn { top: 90px; width: 44px; height: 44px; cursor: pointer; }
.about-fo .prev { left: 0; display:block!important; opacity:1!important; }
.about-fo .next { right: 0; display:block!important; opacity:1!important; }
.about-fo .detail .in { width: 750px; height: 276px; margin: 0 auto; }
.about-fo .box { left: 0; top: 0; width: 750px; height: 216px; border-radius: 3px; background: #ff8c01; font-size: 16px; line-height: 24px; color: #fff; }
.about-fo .box.fo { transform: translateY(-156px) scale(0.55); filter: alpha(opacity=0.8); opacity: 0.08; }
.about-fo .box.fif { top: 26px; opacity: 0; }
.about-fo .time { height: 36px; padding-left: 20px; border-left: 6px solid #fceceb; margin-bottom: 28px; font: 36px/1 Arial; display: none; }
.about-fo .list { height: 20px; margin-top: 0px; font: 30px/58px Arial; color: #d31200; text-align: center; filter: alpha(opacity=0); opacity: 1; background: url(/Templates/cn2014/images/m2yyLine.png) no-repeat center 13px; }
.about-fo .list li { width: 11px; height: 11px; background: #FFF url(/Templates/cn2014/images/bg_sign03.png) no-repeat center top; cursor: pointer; border: 2px solid #acacac; overflow: hidden; text-indent: 500px; margin: 0px 35px; border-radius:50%; display:inline-block; float:none }
.about-fo .list ul{ display: block; width: 100%!important; text-align: center; position: relative; top: -21px; margin-left: 0!important;}
.about-fo .list li.cur { background: #ff8c01; border: 2px solid #ff8c01; }
.about-fif .main { width: 1002px; margin-left: -501px; }
.about-fif .name { background-image: url(/Templates/cn2014/images/name05.png); }
.about-fif .list { height: 315px; padding-bottom: 50px; }
.about-fif .move { height: 315px; }
.about-fif ul { left: -17; top: 0; width: 1182px; filter: alpha(opacity=0); opacity: 0; }
.about-fif li { position: relative; left: 360px; width: 300px; height: 315px; background: #fff; margin: 0 17px; line-height: 20px; color: #b4b2b2; filter: alpha(opacity=0); opacity: 0; }
.about-fif li .in { padding: 18px 25px 0; }
.about-fif .in a { display: inline-block; width: 100%; font-size: 14px; line-height: 25px; color: #666; }
.about-fif .in a.more { width: auto; margin-top: 10px; }
.about-fif .in a:hover { color: #be010e; }
.about-fif .btn { left: 50%; bottom: 0; height: 13px; filter: alpha(opacity=0); opacity: 0; }
.about-fif .btn span { display: inline-block; width: 14px; height: 13px; background: url(/Templates/cn2014/images/bg_btn02.png) no-repeat; margin: 0 8px; cursor: pointer; }
.about-fif .btn span.cur { background-position: 0 -13px; }
.about-si .name { background-image: url(/Templates/cn2014/images/name15.png); }
.about-si .detail { width: 545px; font-size: 18px; line-height: 30px; color: #fff; }
.about-si .detail .line { top: 20px; width: 90px; height: 8px; background: #e50000; margin-bottom: 21px; filter: alpha(opacity=0); opacity: 0; }
.about-si .detail p { top: 28px; filter: alpha(opacity=0); opacity: 0; }
.about-si .detail p.fz36 { font-size: 36px; line-height: 56px; color: #fff; }
.about-si .detail img { top: 63px; filter: alpha(opacity=0); opacity: 0; }
.about-fo .box-in{ display: block; width: 100%; position: absolute; top: 50%; transform: translateY(-50%); padding-top: 0!important; padding-left: 130px; padding-right: 130px; text-align: center; font-size: 18px; line-height: 36px; }
.about-fo .box:before{ content: ""; background: #ff8c01 url(/Templates/cn2014/images/m2us_icon.png) no-repeat 42px center; height: 216px; width: 130px; position: absolute; top: 0px; left: 0px; z-index: 10; }
.about-fo .box:after{ content: ""; background: #ff8c01 url(/Templates/cn2014/images/m2us_icon.png) no-repeat 42px center; height: 216px; width: 130px; position: absolute; top: 0px; right: 0px; z-index: 10; transform:rotateY(180deg) }
@media (max-width:1400px){
	.hmp9Map {
	transform: scale(0.5);
    top: 2%!important;
    right: 10%!important;
}}
@media (max-width:1199px){
.about-fo .main{width:850px; margin-left:-425px;}
.about-fo .box{width:100%;}
.about-fo .detail .in{width:650px;}
.about-fo .box-in{ font-size:16px; line-height:32px;}
}
@media (max-width:991px){
.about-fo .main{width:700px; margin-left:-350px;}
.about-fo .box{width:100%;}
.about-fo .detail .in{width:560px;}
.about-fo .box-in{ font-size:16px; line-height:32px;}
.about-fo .list li{margin:0 25px;}
}
@media (max-width:996px){
	.hmp2_ul li:nth-child(7){
		margin-top:50px;
		}
	.hmp2_ul li{
		margin-top:0;}
	.hmp9Map {
	transform: scale(1);
}
.swiper-slide .hmBan1_sgo{ margin-left:0!important;}
.about-fo .main{width:100%; margin-left:-0; left:0}
.about-fo .box{width:100%;}
.about-fo .detail .in{width:100%;}
.about-fo .box-in{ font-size:14px; line-height:26px; padding-left:15px; padding-right:15px;}
.about-fo .list li{margin:0 6px; border-width:1px;}
.about-fo .box:before,.about-fo .box:after{display:none;}
.about-fo .btn{top:240px; z-index:5}
.about-fo .list{background:none;}
.about-fo .list li{margin:0 2px;}
.hmp2ItmsTxt p{ padding:0 6px;}
}
@media (min-width:768px){
.m2subMenu{overflow:hidden;}
.m2subMenu_a{height:68px;}
}

.lan{
	right: 300px;
    height: 28px;
    width: 90px;
    top: 22px;
    border-radius: 14px;
    border: 1px solid #fff;
    position: fixed;
	padding-top:4px;
	padding-left:8px;
	}
.lan a{
	font-size:15px;
	line-height:15px;
	padding:0 8px;
	color:#fff;
	}
.lan a:hover{
	color:#ff8c01;
	}
.lan a:first-child{
	border-right:1px solid #fff;
	}
.lan1{
	display:none;
    height: 28px;
    border-radius: 14px;
	padding-top:18px;
	float:right;
	}
.lan1 a{
	font-size:15px;
	line-height:15px;
	color:#fff;
	}
.navBombar .lan a:first-child{
	border-right:1px solid #666;
	}
.research {
position:fixed;
width: 23px;
height: 23px;
right:95px;
top:24px;
}
.research .ipt-text {
font-family: Arial,"Microsoft YaHei";
border-radius:16px;
top:-4px;
left:-153px; 
opacity:0; 
border: solid #fff 1px;
position: absolute;
background: none;
width:185px;
height:32px;
padding-left:10px;
padding-right:30px;
color:#fff;
}

input::-webkit-input-placeholder{color:#fff}
input:-moz-placeholder{color:#fff}
input::-moz-placeholder{color:#fff}
input:-ms-input-placeholder{color:#fff}

.research .submit {
z-index: 9;
position: absolute;
right: 0;
top: 0px;

background: none;
border: 0;
}
.sub-icon-search {
z-index: 10;
position: absolute;
right: 0;
top: 0;
background: url(/Templates/cn2014/images/sousuo.png) no-repeat center center;
width: 23px;
height: 23px;
cursor: pointer;
}
.navbar-collapse.collapse .xian{
	z-index: 10;
position: absolute;
right: 78px;
top: 28px;
 width:1px; height:16px; background-color:#fff;
 }
.login{
	z-index: 10;
position: absolute;
right: 26px;
top: 24px;
background: url(/Templates/cn2014/images/login.png) no-repeat center center;
width: 23px;
height: 23px;
cursor: pointer;
	}
.hmPage10.active .hmP10_left{
animation-duration: 1s;
animation-delay: 0.2s;
animation-fill-mode: both;
animation-name: fadeInLeft;
}
.hmPage10.active .hmP10_right{
animation-duration: 1.5s;
animation-delay: 0.2s;
animation-fill-mode: both;
animation-name: fadeInRight;
}


 @media(max-height:799px){
.swiper-slide1{
	padding-top:8vh!important;
	}
.swiper-slide1 strong{
	margin-top:30px;
	}
.swiper-slide1 .list{
	margin:50px auto 0;
	}


.hmp2_t1{
	font-size:30px;
	}	
.hmPage8 .xian{
	margin:20px auto 40px;
	}
.hmPage8 .more{
	margin: 40px auto 0;
	}
.swiper-slide2 .txt h1{
	font-size:16px;
	}	
.hmPage5 .xian{
	margin:20px auto 40px;
	}
.hmPage5 .more{
	margin: 40px auto 0;
	}
.hmPage5 .list .li .img{
	background-size:contain!important;
	max-height:340px;
	}
.hmPage5 .list .li p{
	margin:12px auto 0;
	}
.hmp6Imts{
	height:530px;
	top:15vh;
	} 
.hmp6_w1{
	padding:60px;
	}
.hmp6_w2{
	padding:60px 80px;
	}
.hmp6_w1 strong{
	margin-bottom:30px;
	}
.hmPage6 #container{
	margin-top:30px;
	}
.hmp6_w2 form h1{
	margin-bottom:50px!important;
	}
.hmp6_w2 form .inputsub{
	margin: 40px auto 0;
	}
}
 @media(max-height:699px){
nav.navbar.bootsnav ul.nav > li > a{
	line-height:70px;
	} 
.navbar-brand{
	margin-top:15px;
	line-height:40px;
	height:40px;
	}
.navbar-brand>img{
	height: 40px!important;
	}
.navbar .item{
	height:70px;
	}
.navbar .item>a{
	height:70px;
	line-height:70px;
	}
.navbar .item #list{
	top:70px;
	}
.swiper-slide1 {
    padding-top: 4vh!important;
}
.swiper-slide1 .list {
    margin: 40px auto 0;
}
.swiper-slide1 .list li{
	height:40px;
	line-height:40px;
	}
.swiper-slide1 .list li a{
	background-size:20px;
	font-size:16px;
	}
.swiper-slide1 strong{
	font-size:24px;
	}
.swiper-slide1 p{
	font-size:16px;
	}
.hmPage1 .txt h1{
	font-size:40px;
	}
.hmPage3 .txt h1{
	font-size:40px;
	}
	
.swiper-slide2 .date {
    margin-bottom: 10px;
}
.swiper-slide2 .date p{
	font-size:24px;
	}	
.swiper-slide2 .date span{
	font-size:15px;
	}
.swiper-slide2 .txt h1{
	margin-top:20px;
	}
.swiper-slide2 .txt span{
	margin-top:20px;
	font-size:15px;
	}
.swiper-slide2 .txt p{
	-webkit-line-clamp: 1;
	}
.hmPage8 .xian{
	margin:20px auto 30px;
	}
.hmPage5 .xian{
	margin:20px auto 30px;
	}
.hmPage5 .list .li .img{
	max-height:320px;
	}
.hmp6_w1 strong{
	font-size:22px;
	}
.hmp6_w2 form h1{
	font-size:22px;
	}
.hmp6_w2 form h1{
	margin-bottom:40px!important;
	}
.hmPage6 #container{
	height:220px;
	}
.hmp6_w1{
    padding: 40px 60px;
}
.hmp6_w2 {
    padding: 40px 80px;
}
}

 @media(max-height:600px){	
.hmPage8 {
    padding-top:0;
	}
.hmPage5 {
    padding-top:0;
	}
}
	
@media(max-width:1499px){
.hmPage1 .txt h1{
	font-size:40px;
	}
.hmPage3 .txt h1{
	font-size:40px;
	}
.swiper-slide1 strong{
	font-size:24px;
	}
.swiper-slide1 p{
	font-size:16px;
	}
.swiper-slide1 .list li a{
	font-size:16px;
	}
.hmp2_t1{
	font-size:30px;
	}	
.hmPage8 .xian{
	margin:20px auto 40px;
	}
.hmPage8 .more{
	margin: 40px auto 0;
	}
.swiper-slide2 .txt h1{
	font-size:16px;
	}
.hmPage5 .xian {
    margin: 20px auto 40px;
}
.hmPage5 .more{
	margin: 40px auto 0;
	}
.hmp6_w1 strong{
	font-size:22px;
	}
.hmp6_w2 form h1{
	font-size:22px;
	}
.hmp6_w2 form .inputsub{
	margin: 40px auto 0;
	}
.hmPage6 #container{
	height:220px;
	}
}	

@media(max-width:996px){
.hmPage8 {
    padding-top:50px;
	padding-bottom:50px;
	}
.navbar-brand img{
	height:auto!important;
	}
nav.navbar.bootsnav ul.nav > li > a{
	line-height:28px;
	}
.navbar .item{
	display:none;
	}
nav.navbar.bootsnav ul.nav{
	padding:0;
	margin:0;
	}
.hmPage1 .txt h1{
	font-size:30px;
	margin-bottom:20px;
	}
.hmPage1 .txt p{
	font-size:18px;
	}
.hmPage1 .txt .xian{
	width:80px;
	margin:30px auto 0;
	}
.hmPage3 .txt h1{
	font-size:30px;
	margin-bottom:20px;
	}
.hmPage3 .txt p{
	font-size:14px;
	line-height:26px;
	}
.hmPage3 .txt a{
	width:120px;
	height:40px;
	line-height:40px;
	font-size:14px;
	margin:30px auto 0;
	}
.hmPage1 .txt a {
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    margin: 30px auto 0;
}
.hmp2_t1{
	font-size:26px;
	}
.hmPage8 .more{
	width:120px;
	height:40px;
	line-height:40px;
	font-size:14px;
	margin:30px auto 0;
	}
.hmPage8_wap ul{
	padding:0 20px;
	overflow:hidden;
	}
.hmPage8_wap li {
	width:calc(100%/2 - 10px);
	float:left;
	padding:0;
	margin-right:20px;
	margin-bottom:20px;
	}
.hmPage8_wap li:nth-child(even){
	margin-right:0;
	}
.hmPage5 .more{
	width:120px;
	height:40px;
	line-height:40px;
	font-size:14px;
	margin:30px auto 0;
	}
.hmPage5 {
    padding-top:50px;
	padding-bottom:50px;
	}
.hmPage6 .fp-tableCell {
    height: 100%!important;
}	

.hmp6_w2 form .inputsub{
	width:120px;
	height:40px;
	line-height:40px;
	font-size:14px;
	margin:30px auto 0;
	}
.hmPage6 .fot{
	position:static!important;
	margin:0 auto;
	}
.hmp6Imts{
	height:auto;
	width:100%;
	position:static!important;
	box-shadow:none;
	}
.hmp6_w1 {
    padding: 40px;
}
.hmp6_w2 {
    padding: 40px;
}

.hmPage6 .fp-tableCell {
	display:block;
	}
}

@media(max-width:767px){
	
	.xialaph .ul2{
		min-width: 100vw;
	}
.hmPage5 .list .li{
	float:left;
	width:calc(100%/2 - 10px);
	margin-right:20px;
	margin-bottom:20px;
	}
.hmPage5 .list .li:nth-child(5n+0){
	margin-right:0;
	}
.hmPage5 .list .li:nth-child(even){
	margin-right:0;
	}
.hmPage5 .list .li:nth-child(5){
	display:none;
	}
.hmPage5 .list .li .img{
	max-height:none;
	}
.hmPage5 .list .li p{
	font-size:15px;
	}	
.hmPage1 .txt p{
	font-size:20px;
	}
}
	
@media(max-width:599px){
.hmp4_aBox{
	padding:50px 0;
	}
.hmp4_ul li .hmp4Icon>img{
	width:30%;
	}
.hmp4LayTxt .list>li{
	height:30px;
	line-height:30px;
	}
.hmp4LayTxt .list>li a{
	font-size:14px;
	}
.hmp4MoreBtn{
	margin-top:10px;
	}
.navbar-brand img{
	width:140px;
	}
.navbar-brand{
	padding:12px 0 0;
	}
nav.navbar.bootsnav .navbar-header {
    padding-left:5px;
    padding-right:5px;
	}
.hmPage8_wap li {
	width:100%;
	margin-right:0;
	}

.hmp6_w1 {
    padding: 40px 20px;
}
.hmp6_w2 {
    padding: 40px 20px;
}
.hmp6_w2 form input{
	height:40px!important;
	line-height:40px!important;
	font-size:12px!important;
	}
.hmp6_w2 form textarea{
	font-size:12px!important;
	}
.hmp6_w2 form p{
	width:calc(100%/3 - 10px)!important;
	margin-right:15px!important;
	}
.hmp6_w2 form .p_last{
	margin-right:0!important;
	}
.hmp6_w2 form .text{
	width:100%!important;
	margin-top:20px!important;
	margin-bottom:30px!important;
	}
.hmp6_w2 form p{
	font-size:15px!important;
	}
.hmp6_w1 p{
	font-size:15px!important;
	line-height:26px!important;
	}
}